當用戶在其外部點擊時關閉ListView

Question

我有一個ListView組件，我需要它在用戶點擊它之外時關閉。我試過使用onBlur道具，但顯然ListView沒有內置的。我還有什麼其他選擇？

Answer 1

而不是聽ListView（我不認爲存在）的等效onBlur，使用它之外的Touchable *組件來捕獲onPress並觸發一個方法來關閉ListView。你可以像這樣包裝它。

<TouchableOpacity onPress={this.dismissListView.bind(this)} style={styles.wrapper}> 
    <ListView style={style.listView} .../> 
</TouchableOpacity> 

style.wrapper = { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    bottom: 0 
}