React Native By Example

ScrollView example

This is how I updated AddExpensesModal to include a ScrollView:

// Expenses/app/components/AddExpensesModal/index.js ... import {   ...   ScrollView,   ... } from 'react-native'; ... export default class AddExpensesModal extends Component {   ...

Replace the modal's View with ScrollView. The maxHeight of the View inside is now height:

  render () {     ...     return (       <Modal         animationType={ 'slide' }         transparent={ false }         visible={ this.props.modalVisible }       >         <ScrollView style={ styles.modalContainer }>           ...           <View style={ [styles.expandableCellContainer,             { height: this.state.expanded ?             this.state.datePickerHeight : 40 }]}>             ...           </View>         </ScrollView>      </Modal>     )   } 

The outer View container that was the direct child of ...