Forms and dialogs

Tap the name field to open the on-screen keyboard. Change the switch and slider, then press Review to open a modal. Save closes the modal and displays an alert; Cancel leaves the form available for further edits. These settings live in component state for this session.

TextInput is controlled with value and onChangeText. KeyboardAvoidingView makes space while the keyboard is visible; keyboard listeners are removed on unmount. Keyboard.dismiss() closes it before the modal opens. TouchableHighlight supplies native pressed feedback, while TouchableWithoutFeedback makes the keyboard hint tappable without changing its appearance.

Modal draws on the top layer. Its visible state controls its lifetime and its fade animation runs natively. Use Alert.alert for a short confirmation and Modal for your own dialog layout. See the component reference for input, keyboard, and dialog options.