Breaking News: Grepper is joining You.com. Read the official announcement!

react native modal half of screen

Roookas answered on September 29, 2022 Popularity 8/10 Helpfulness 5/10

answer react native modal half of screen

react native modal half of screen

Comment

<Modal
  animationType="slide"
  transparent={true}
  visible={this.state.modalVisible}
  onRequestClose={() => {
    // this.closeButtonFunction()
  }}>
  <View
    style={{
      height: '50%',
      marginTop: 'auto',
      backgroundColor:'blue'
    }}>
    <View style={styles.footer}>
      <Text style={styles.headerText}>This is Half Modal</Text>
    </View>
    <TouchableOpacity
      style={styles.addButton}
      onPress={() => {
        this.setModalVisible(!this.state.modalVisible);
      }}>
      <Text style={styles.addButtonText}>Close</Text>
    </TouchableOpacity>
  </View>
</Modal>

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-native screen

Link to this answer
Share Copy Link