react native flatlist的使用

flatlist的属性:

data:数据数组。

horizontal:水平布局模式。

keyextractor:用于给item生成一个不重复的key值,key可以区分同类元素的不同个体。

renderitem:根据数据data数组渲染每一行组件。

示例:

<flatlist horizontal="true"
  data={
    [
      {id:1,name="咕咕",age:18},
      {id:2,name="西西",age:15}
    ]
   }
  keyextractor={this._keyextractor}
  renderitem={({item})=>
     <view>
        {item.name}
     </view>
     <view>
        {item.age}
     </view>
  }
/>
_keyextractor=(item,index)=>item.id

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容