在react-native中，无论如何我可以将数据从我的JSON提取到我的组件中吗？

Question

这是一件事，我正在努力使用RN。

1. 我想使用平面列表来生成我的内容。
2. 可以按下平面列表内容，这样就可以打开另一个页面。
3. 我需要动画自由，因此内容可以在任何地方弹出，例如从左下角，右下角。
4. 我想使用一个我已经构建的布局。

这样的概念，使用renderingItem进入视图，而不是在我的组件中生成数据。这是我试图做的概念

<View style={styles.flatList}>
    <FlatList 
     data={newsFeedData} 
     horizontal={false} 
     showsVerticalScrollIndicator={false} 
     renderItem={({item, index})=>{ return
        <View>
            <TouchableOpacity 
             activeOpacity={1} 
             onPress={this.newsFeedCards.bind(this)}>
                <View style={styles.mgView}>
                    <ListItem item={item} image={item} index={index}/>
                </View>
            </TouchableOpacity>
        </View>
        }}/>
</Animated.View>

<View data={newsFeedData} 
      style={styles.pageDetail} 
      renderItem={(item, idex)=>{ 
      return <PageDetail 
              item={item} image={item} image={item}></PageDetail>
    }}>
</View>

请帮助我知道这个概念的诀窍。我真的很感谢你的帮助！