> For the complete documentation index, see [llms.txt](https://react-native.books.c-k.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://react-native.books.c-k.dev/styling/alignment-and-touchable-item.md).

# 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)&#x20;

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

* [TouchableHighlight · React Native](https://facebook.github.io/react-native/docs/touchablehighlight.html)

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

* [TouchableNativeFeedback · React Native](https://facebook.github.io/react-native/docs/touchablenativefeedback.html)
* [TouchableOpacity · React Native](https://facebook.github.io/react-native/docs/touchableopacity.html)

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

* [TouchableWithoutFeedback · React Native](https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html)

Those are all button.
