React Native无限堆叠视图

Question

我一直在使用react native（最新版本）执行与视图配置文件页面相似的操作，在配置文件页面中，用户可以单击单击其关注者的链接，这将导致他们转到其顶部的另一个配置文件页面。像明智的事情可能会递归发生。

这实际上使应用程序的性能非常差，因为它们彼此之间叠加了约30个视图。 JS帧下降到<20fps。它与JS fps有什么关系？我已经检查了render方法，该方法仅在最近的视图上被调用，而在最下面的视图上没有被调用。而且我已经以一种完美的方式实现了shouldComponentUpdate。

性能下降的原因可能是什么？我是否缺少任何东西，或者这是本机反应的自然行为？

我的代码的示例图：

Class Profile extends component {
  constructor(props){
    super(props);
    this.state = {};
    this.state.profile = false;
  }
  shouldComponentUpdate(nextProps, nextState) {
    return this.state.profile !== nextState.profile;
  }
  render() {
     return (
       <View>
         <TouchableOpacity onPress={()=>this.state.profile=true}>
           <Text>Click ME</Text>
         </TouchableOpacity>
         {this.state.profile && <Profile />        
       </View>
     );
  }
}