小编dpa*_*125的帖子

React Native:FlatList没有显示

我正在尝试制作一个自定义组件,如果第一个选择不够明确,它将显示新选择的选项。我正在使用该FlatList组件显示数据,但似乎没有显示作为道具提供的数据。

这是render组件的功能

import { Header, List, ListItem } from "react-native-elements";
import PickerBox from "./PickerBox";

render() {
    return (
      <View>
        <Header
          centerComponent={{
            text: "By " + this.state.newTaxon + ", did you mean...",
            style: { color: "white", fontSize: 20, textAlign: "center" }
          }}
          backgroundColor="black"
        />
        <FlatList
          data = {this.state.dataSource}
          renderItem = {({item}) => {
            <PickerBox
              title = {item.c_syn_name}
            />
          }}
          keyExtractor = {(item) => item.c_syn_name}
        />
      </View>
    );
}
Run Code Online (Sandbox Code Playgroud)

这是PickerBox组件

const styles = StyleSheet.create({
  container: { …
Run Code Online (Sandbox Code Playgroud)

react-native react-native-flatlist

1
推荐指数
2
解决办法
127
查看次数