小编mak*_*zlo的帖子

React Native - FlatList 不渲染

(注意:我正在为这个应用程序使用 Expo)

我正在尝试渲染一个FlatList显示打印机列表的文件。这是代码:

<FlatList
  data={printers}
  keyExtractor={printer => printer.id}
  renderItem={({ item }) => {
    return (
      <Printer
        printerTitle={item.name}
        selected={item.selected}
        last={item === last(printers)}
      />
    );
  }}
/>
Run Code Online (Sandbox Code Playgroud)

这是<Printer />组件的代码:

const Printer = props => {
  const { last, printerTitle, selected } = props;
  return (
    <View style={[styles.container, last ? styles.lastContainer : null]}>
      <View style={styles.innerContainer}>
        <View style={styles.leftContainter}>
          {selected ? (
            <Image source={selected ? Images.checkedCircle : null} />
          ) : null}
        </View>
        <View style={styles.printerDetails}>
          <Text style={styles.printerTitle}>{printerTitle}</Text>
        </View>
      </View>
    </View>
  ); …
Run Code Online (Sandbox Code Playgroud)

custom-component react-native expo flatlist

9
推荐指数
4
解决办法
2万
查看次数

标签 统计

custom-component ×1

expo ×1

flatlist ×1

react-native ×1