微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

react-native flatList显示为灰色

如何解决react-native flatList显示为灰色

我正在使用平面列表,但是renderItem变灰了。当项目渲染组件时,组件显示为灰色,请帮忙解决这个问题。

FlatList Screen

这是我的代码

<FlatList
  data={this.state.serviceList}
  renderItem={({ item }) =>
    <>
      <Text style={styles.serviceDropText}>
        Title
      </Text>
      <View style={styles.dropdown}>
        <DropDownPicker
          items={this.state.products}
          defaultValue={this.state.country}
          containerStyle={{ height: 40 }}
          style={{ backgroundColor: '#fafafa' }}
          itemStyle={{
            justifyContent: 'flex-start'
          }}
          dropDownStyle={{ backgroundColor: '#fafafa' }}
          onChangeItem={item => this.setState({
            country: item.value
          })}
        />
      </View>
    </>
  }
  keyExtractor={(item,index) => index.toString()}
/>

样式

serviceDropText: {
  fontSize: wp('4%'),fontWeight: 'bold',color:'black'
},dropdown: {
  width: wp('60%')
},

解决方法

您必须至少以完整的代码上传大约output。 您在样式方面犯了错误吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。