React Native
  • Initial page
  • Set-up
    • Prepare the environment
    • ESLint
    • Debugger
  • Introduction
    • React v.s. React Native
    • Project Tree & Script Structure
  • Component & Props
    • What is Props
    • What is Compoent
      • Axios and Component State
      • Class-base components
      • Example
        • Activity Indicator
        • Rendering Large list
        • Card
  • Styling
    • What is Styling
    • Primitive elements
    • Flexbox
      • justifyContent
      • flexDirection
    • More on styling
    • Alignment & Touchable Item
  • Redux
    • What is Redux
    • What is Reducer
  • React-thunk
    • Untitled
  • Build & Release
    • Untitled
Powered by GitBook
On this page
  • Alignment
  • alignContent
  • alignItems
  • alignSelf
  • Touchable Item

Was this helpful?

  1. Styling

Alignment & Touchable Item

Alignment

alignContent

tells all of its children that it need to position all those items in some fashion

alignItems

Tells the elements fluxbox style if it is wrapped (wrapped in next line)

this properties is always set with alignContent with the same value

alignSelf

Children overwrite is flexbox setting, indicates do not inherit parent assigned properties and uses the specified one.

Only applicable to the Container Children

Given using flex box rules, e.g. flex=1 and alignSelf='stretch'

Using flex box riles so aligned cells stretch is going to specifically say stretched to fill the limits

Touchable Item

Categories

Button has the option to very briefly turn a different color which like highlights the button is being pressed

On press down, the paucity of the wrapped view is decreased, dimming it.

Those are all button.

PreviousMore on stylingNextWhat is Redux

Last updated 6 years ago

Was this helpful?

TouchableHighlight · React Native
TouchableNativeFeedback · React Native
TouchableOpacity · React Native
TouchableWithoutFeedback · React Native