如何通過點擊屏幕ReactNative

如何通過輕敲屏幕關閉該模式的看法作出反應Naitve駁回模式，中繼模態分量似乎不提供API如何通過點擊屏幕ReactNative

2016-07-11 Gerard Taub

您可以在模式組件中使用TouchableWithoutFeedback成分與一個關閉模式的onPress屬性。

<Modal visible={booleanThatHandlesModalVisibility}> 
    <TouchableWithoutFeedback onPress={() => funcToHideModal()}> 
    <View> 
    ... 
    </View> 
    </TouchableWithoutFeedback> 
</Modal>

如果你想不隱藏按模式，你可以添加其他TouchableWithoutFeedback沒有onPress特性中的第一個這樣的前趕上事件模態的一個區域：

<Modal visible={booleanThatHandlesModalVisibility}> 
    <TouchableWithoutFeedback onPress={() => funcToHideModal()}> 
    <View> 
     <TouchableWithoutFeedback> 
     <View>...</View> 
     </TouchableWithoutFeedback> 
    </View> 
    </TouchableWithoutFeedback> 
</Modal>

來源

2016-07-11 16:31:19

我用這個想法解決了我的問題，雖然我發現'TouchableOpacity''沒有''onPressOut'''，我不得不使用'''TouchableOpacity'''而不是''' 'TouchableWithoutFeedback''' – samthui7

如何通過點擊屏幕ReactNative

回答

相關問題