React-Nativeの画面の下部に触れていないのはなぜですか？

Question

iOSのReact-NativeアプリケーションでListViewにフローティングボタンを配置しようとしています。ボタンの私のコードだし、ここで私のスタイリングであることを外観は素晴らしいですが、私のTouchableHighlightの機能はそれほど大きくないです...

<TouchableHighlight 
    onPress={() => { 
    this.myAction() 
    }}> 
    <View style={styles.floatingCameraButton}> 
     <Image source={camera_icon} style={styles.cameraIcon}/> 
    </View> 
</TouchableHighlight> 

：

floatingCameraButton: { 
    height: 80, 
    width: 80, 
    borderRadius: 40, 
    backgroundColor: '#aa2222', 
    position: 'absolute', 
    bottom: 20, 
    right: 20, 
    shadowColor: '#000000', 
    shadowOpacity: 0.8, 
    shadowRadius: 2, 
    shadowOffset: { 
    height: 5, 
    width: 5 
    }, 
}, 

何らかの理由で、ときボタンが画面の下部でタッチされると、タッチはボタンに登録されません。

私は背の高いボタンを作っても、最大で動いてテストしてみた、そしてそれらの両方は、私が興味を持っていたものではない解決策ですが、。

私の仮定は何とかリアクト - ネイティブが、その私のタッチをマスキングされていることですiOS固有のタブバーがどこにあるのか（下の50ピクセルを意味します）が発生します。しかし、私は画面上にタブバーを持っておらず、私はそれを実装していません。私は自分のボタンが入っているビューをラッピングしているナビゲータを持っていますが、それが原因である可能性があるかどうかはわかりません。

私のTouchableHighlightをスクリーンの下側50pxに触れることができるようにするためのアイデアや助けは非常に役に立ちます。

Answer 1

TouchableHighlight自体にスタイルを適用してみてください。

<TouchableHighlight 
    style={styles.floatingCameraButton} 
    onPress={() => this.myAction()}> 
     <Image source={camera_icon} style={styles.cameraIcon}/> 
</TouchableHighlight>