通过引用将视图添加到另一个

Question

如何通过refs在视图底部添加一个不同的视图（在</Text>之后和</View>之前）

例如：

addView()
{
What code is needed?
}

render() {
   return (
    <View>
<TouchableOpacity
onPress={() => this.addView() }
>
      <View refs="access">
        <Text>Hello</Text>
        Here it is dynamic
      </View>
</TouchableOpacity>
    </View>
   )
}

Answer 1

您可以添加状态值切换，如下所示：

编辑：要对多个视图进行操作，您只需使用数组即可

state = {displays: [false, false, false, false, false]}

toggleDisplay = (i) => {
  let newDisplays = [...displays]
  newDisplays[i] = !newDisplays[i]
  this.setState({displays: newDisplays}) 
}

render() {
  const { displays } = this.state
  displays.map((display, i) => (
    <View>
      <TouchableOpacity
        onPress={(i) => this.toggleDisplay(i)}
      >
        <View refs="access">
          <Text>Hello</Text>
          {display && <Text>{'Something Here'}</Text>}
        </View>
      </TouchableOpacity>
    </View>
  ))
}