当用户点击它之外时，解除ListView

Question

我有一个ListView组件，我需要它在用户点击它之外时解除。我尝试过使用onBlur道具，但显然ListView没有内置版本。我还有其他选择吗？

Answer 1

不要为ListView（我认为不存在）监听等效的onBlur，而是使用其外部的Touchable *组件来捕获onPress并触发一个方法来解除列表显示。你可以像这样包装它。

<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
}