ListItem的最后一个元素不可单击

Question

我有一个包含数据的数组，我正在将数据渲染到react本机元素的ListItem内，除按下事件外，其他所有东西看起来都不错，我的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();

  }