1

图片 https://ibb.co/vJM305f

我正在使用 FlatList 来显示水平列表。每个项目都有一个showdow，它溢出其他项目。它可以在没有 FlatList 的情况下工作。但不幸的是，FlatList 没有。

我在上面附上了一张图片。它显示了一条阴影线，这是问题所在。相反，应该如下图所示。 https://ibb.co/6NWtcTK

 <FlatList
    data={[1, 1, 1]}
    horizontal
    showsHorizontalScrollIndicator={false}
    contentContainerStyle={{padding: RFPercentage(2)}}
    renderItem={() => {
      return (
        <Card style={[infoCardStyle, styles.infoCard]}>
          <View style={{flex: 1}}>
            <View style={styles.header}>
              <View style={{flex: 0.1}}>
                <Icon
                  name={'lightbulb-on-outline'}
                  size={RFValue(20)}
                  color="#fff"
                />
              </View>
              <View style={{flex: 0.9}}>
                <Title style={styles.didYouKnow}>Did you know?</Title>
              </View>
            </View>
            <View style={styles.description}>
              <View style={{flex: 0.1}} />
              <View style={{flex: 0.9}}>
                <Text style={styles.descriptionText}>
                  Your can watch your game clip play by{'\n'}play in REPS
                  application
                </Text>
              </View>
            </View>
          </View>
          <View style={styles.trailingText}>
            <Text style={styles.getAppNow}>Get the app now...</Text>
          </View>
        </Card>
      );
    }}
    keyExtractor={item => item.id}
  />
4

0 回答 0