Блог

Я использую 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}>キャンセル</Text>
  </View>
</Modal>
 

Я пробовал некоторые стили из этой библиотеки, но не работает (например: overflow, borderWidth)

Как я могу решить эту проблему?

Любой совет, который вы могли бы дать, был бы очень признателен.