React native React Native isn'中的平面列表；不滚动，但它'；他正在展示这些物品

我想让水平平面列表工作，这是我的代码：

export default class Avatar extends Component {
  _renderItem = ({ item }) => {
    return (
      <View style={{ alignItems: 'center', paddingRight: 8 }}>
        <Svg width="72" height="72">
          <Defs>
            <LinearGradient id="grad" x1="0%" y1="0%" x2="0%" y2="100%">
              <Stop offset="0%" stopColor={colors.gradient.primary} />
              <Stop offset="100%" stopColor={colors.gradient.secondary} />
            </LinearGradient>
          </Defs>
          <Circle
            cx="36"
            cy="36"
            r="34"
            strokeWidth="3"
            fill="none"
            stroke="url(#grad)"
          />
        </Svg>
        <Image
          source={{ uri: item.url }}
          style={{ width: 60, height: 60, borderRadius: 30, marginTop: -66 }}
        />
        <Text style={styles.timeStyle}>{item.time}</Text>
        <Text style={styles.NameStyle}>{item.name}</Text>
      </View>
    );
  };

  _keyExtractor = (item, index) => item.id;

  render() {
    return (
      <View style={{ paddingLeft: 10, flex: 1 }}>
        <Text style={styles.TitleStyle}>Avatar</Text>
        <FlatList
          style={{ flex: 1 }}
          horizontal={true}
          data={items}
          keyExtractor={this._keyExtractor}
          renderItem={itemData => this._renderItem(itemData)}
        />
      </View>
    );
  }
}

---

用scrollView替换平面列表也不起作用，同时剪切SVG和图像也没什么区别，有人能帮忙吗

您需要将ScrollView与horizontal={true}一起使用。 这里有一些代码可以帮助您做到这一点：

<ScrollView horizontal={true}>
        <FlatList
          style={{ flex: 1 }}
          horizontal={true}
          data={items}
          keyExtractor={this._keyExtractor}
          renderItem={itemData => this._renderItem(itemData)}
        />
        </ScrollView>

这是.\u renderItem（itemData）}
/>

---

它是这样工作的。希望它能帮助你

谢谢你的帮助，但还是一样

<ScrollView horizontal={true}>
        <FlatList
          style={{ flex: 1 }}
          horizontal={true}
          data={items}
          keyExtractor={this._keyExtractor}
          renderItem={itemData => this._renderItem(itemData)}
        />
        </ScrollView>