react-native - 如何从 react-native-modal 隐藏外线

Question

我正在使用react-native-modal。

我想从上图中删除外线。
我的代码是：

import Modal from 'react-native-modal';

<Modal
  isVisible={isModalVisible}
  swipeDirection="down"
  style={{
  justifyContent: 'flex-end',
  margin: 0,
  }}>
    <TouchableWithoutFeedback onPress={toggleModal}>
      <Text
        style={{
        flex: 1,
        backgroundColor: 'transparent',
        }}>
        {''}
      </Text>
    </TouchableWithoutFeedback>
      <View
        style={{
        backgroundColor: 'white',
        height: Dimensions.get('screen').height / 1.6,
      }}>
        <Text
          style={{
          margin: 8,
          paddingHorizontal: 8,
          color: '#222',
          fontSize: 18,
          fontWeight: 'bold',
          textAlign: 'left',
        }}>再生速度</Text>
          <View style={[commonStyles.line, { marginBottom: 0 }]} />
            <Text style={styles.modal_text}>2.0x</Text>
            <Text style={styles.modal_text}>1.75x</Text>
            <Text style={styles.modal_text}>1.5x</Text>
            <Text style={styles.modal_text}>1.25x</Text>
            <Text style={styles.modal_text}>1.0x</Text>
            <Text style={styles.modal_text}>0.75x</Text>
            <Text style={styles.modal_text}>0.5x</Text>
            <Text style={styles.modal_text}>0.25x</Text>
            <View style={[commonStyles.line, { marginBottom: 0 }]} />
              <Text style={{ margin: 8, paddingHorizontal: 8, color: '#222', fontSize: 18, fontWeight: 'bold', textAlign: 'center',}}
              onPress={toggleModal}>キャンセル&lt;/Text>
  </View>
</Modal>

我尝试了这个库中的一些样式，但不起作用（例如：溢出、边框宽度）
我该如何解决这个问题？

您可以提供的任何建议将不胜感激。

标签： react-native