使用WaterfallList显示一行数据,需要设置item的高度和 heightForItem一致

428 阅读1分钟
    <View style={styles.listView}>
        <WaterfallList
          data={top_n}
          numColumns={1}
          renderItem={rendItem}
          heightForItem={() => UI.scaleSize(60)}
          showsVerticalScrollIndicator={false}
        />
        <View height={5} />
      </View>
      
      
      
   
  listView: {
    flex: 1,
    marginTop: UI.scaleSize(5),
    borderBottomLeftRadius: UI.scaleSize(20),
    borderBottomRightRadius: UI.scaleSize(20),
    backgroundColor: '#89C9FF',
    paddingLeft: UI.scaleSize(20),
    paddingRight: UI.scaleSize(10),
  }
 item: {
    height: UI.scaleSize(60),
    flexDirection: 'row',
    alignItems: 'center',
    borderBottomWidth: UI.scaleSize(1),
    borderBottomColor: '#fff',
  },