react-native - ListItem 的最后一个元素不可点击

Question

我有一个包含数据的数组，我在 React Native 元素的 ListItem 中呈现该数据，除了 on press 事件之外，一切似乎都很好，我的 ListItem 组件的最后一项在按下事件上不起作用，对于其他项目，点击有效很好，你能帮我解决这个问题吗，这是我的代码

 onChangeLan(lanz) {
    this.setState({ loc : lanz});

   this.props.languaje(lanz.locale);

  }
  mydata(){
    //this.state.storg = false
  switch(this.state.storg){
     case false : 
    return (
      <View style={styles.container}  onLayout={this._onLayout}>

        <ScrollView contentContainerStyle={styles.contentContainer}>
            </View>
            <View style={{marginHorizontal : 10,marginTop : 2}}>


            {
            this.state.data.map( (lan) =>{

             return(
              <ListItem 
              key = {lan.id}
              title= {I18n.t(lan.name)}
              onPress = { this.onChangeLan.bind(this,lan)}
              rightIcon={this.showIcons(lan)}
              containerStyle={{backgroundColor : '#BBE9FD',marginVertical : 2}}
              />

              )
            })
          }
           </View>
                </ScrollView>        
        </View>
    );
    default :
    return <ActivityIndicator /> 
  }

  }
  render() {
      return  this.mydata();

  }

标签： react-native