react-native-modalの外枠を削除したい

Question

react-naitiveのライブラリ「react-native-modal」を使うと自動的にグレーの外枠が追加されます。

これを消したいです。
<Modal>内のstyleを色々試してみましたがダメでした。
以下僕のコードです。

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>

ご存知の方いらっしゃったら教えて欲しいです。
何卒よろしくお願いいたします。

Answer 1

実機で確認したら外枠なかったので大丈夫です。
解決済みです。