在renderItem下的React native超级网格中传递动态变量

时间:2017-11-22 14:12:51

标签: gridview react-native

我正在研究React Native Project,我正在使用react-native-super-grid这个组件。

我的要求是在代码中初始化动态变量。

<GridView
  itemWidth={130}
  items={[1,2,3,4,5,6]}
  renderItem={item => (<Text>{item}</Text>)}
/>

在此位置的renderItem部分。

renderItem={item => (
 ********** Dynamic Variable Here ********** 
 <Text>{item}</Text>
)}

如何在此处传递动态变量,以便我可以在下一行代码中使用。

1 个答案:

答案 0 :(得分:0)

您可以尝试这种方式:

<GridView
  itemWidth={130}
  items={[1,2,3,4,5,6]}
  renderItem={(item) => {this.renderItem(item)}}
/>

renderItem({ item }) {
    this.myVar = 'What you want';
    return (
         <Text>{item}</Text>
    )
}

然后您可以按如下方式使用此值:

<TouchableOpacity
    onPress={() => { alert(this.myVar) }}>  
</TouchableOpacity>