在flatlist内部设置数组以在本机中渲染

Question

嗨，我想设置要发布的数组。 虽然我已经将Array设置为在Flatlist中显示，但现在我必须发布。 这是我的代码

 <FlatList
          data={this.state.data}
          showsVerticalScrollIndicator={false}
          renderItem={({ item }) => (
            <View
               <Text
                style={{
                  flex: 2,
                  fontSize: 15,
                  // fontFamily: "Roboto",
                  // justifyContent: "space-between",
                  width: 150
                }}
              >

                {item.rollno}
                --
                {item.name}
              <RadioForm
                animation={true}
                buttonColor={"#C2E3A9"}
                formHorizontal={true}
                labelHorizontal={true}
                buttonStyle={{ marginRight: 20 }}
                radioStyle={{ paddingRight: 20 }}
                //  labelHorizontal={false}
                style={{
                  flex: 1,
                  paddingRight: 20,
                  flexDirection: "row",
                  //padding: 10,
                  width: 30
                }}
                radio_props={radio_props}
                initial={this.state.value}
                onPress={value => {
                  this.setState({ value: value });
                }}
                ItemSeparatorComponent={this.renderSeparator}

我要如何设置数组，因为我要发布。我想要这样[在此处输入链接说明] [1]

[1]： http : //jsfiddle.net/jensbits/MWSeg/ 。 我该怎么做。

Answer 1

您只需要做两件事就可以在Flatlist数组中添加新的帖子值

1个处于状态的推送数据并重新渲染

this.state.data.push(newPost) // push data
this.setState({ }) // update state for re-render  

2更新flatList

   extraData={this.state}
    //for example
   <FlatList
     data={this.state.data}
     extraData={this.state}     
     renderItem={({ item }) => (
     <View
     //Your stuff
    </View>
</FlatList>