React native 在react native中导航期间渲染组件运行时

仅当我从其他屏幕返回此屏幕时，我才想在当前屏幕中显示组件（例如，视图或文本组件）

例如，假设我在Home.js中显示视图组件。此视图组件的计数取决于访问Break.js屏幕的次数。就像我曾经三次访问Break.js屏幕一样，Home.js屏幕上应该有3个视图组件

我是React Native的初学者，所以不知道如何实现这个…我经历过类似的查询，如 及

---

但我什么都不懂。请提供帮助，因为我没有任何东西可以显示到目前为止我尝试过的内容。…

下面是更新组件的一种方法，您可以在导航到另一个屏幕之前更新viewCount。这仅在导航后内存中存在上一个屏幕时有效，就像堆栈导航器一样。这是一个基本概念，您可以根据您的用例修改它

class HomeScreen extends Component {

  onNavigate() {
    this.updateViewCount();
    // ... navigate to BreakScreen
  }

  updateViewCount() {
    this.setState({numOfViews: this.state.numOfViews + 1});
  }

  render() {
    // Create an array and push your elements based on count
    // this.state.numOfViews manages the count
    let views = [];
    for(let i = 0; i <= this.state.numOfViews; i++) {
      views.push(<SomeComponent />);
    }

    // Render your custom views
    return(
      <View>
       {views}
       <Button onPress={() => this.onNavigate()} />
      </View>
    );
  }
}

类主屏幕扩展组件{
onNavigate（）{
this.updateViewCount（）；
//…导航到BreakScreen
}
updateViewCount（）{
this.setState（{numOfViews:this.state.numOfViews+1}）；
}
render（）{
//创建一个数组并根据计数推送元素
//this.state.numOfViews管理计数
让视图=[]；
for（设i=0；i
);
}
}

我认为它会起作用……尝试后会确认……非常感谢。。。