代码之家 › 专栏 › 技术社区 › Rigorous implementation

react native中的自定义平面列表项

react-native-flatlist react-native

1

Rigorous implementation · 技术社区 · 8 年前

我正在尝试创建一个包含列表项的平面列表。我设法用一个来自 https://facebook.github.io/react-native/docs/flatlist.html .

我试图通过创造更复杂的东西来扩展这一点,但我被卡住了。我正在尝试创建一个包含如下列表项的平面列表。当然,我可以通过使用其中一个react本机库来实现这一点,但我试图避免使用库,而是我想构建一个具有多个渲染的平面列表组件,因为这种方法将使我能够更好地控制组件。非常感谢您的帮助。

1 回复 | 直到 8 年前

1

Alexander Vitanov 8 年前

实现它的最简单方法是使用行组件,并根据道具确定如何渲染它。例子:

class Row extends React.PureComponent {

   render(){
      const { item } = this.props
      if(item.break){
         return <Text>Break</Text>
      }
      return (
         <View><Text>Normal item goes here</Text></View>
      )
   }
}