本机中的自定义平面列表项

Question

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

我试图通过创造更复杂的东西来扩展它，但我被卡住了。我正在尝试使用下面的列表项创建一个平面列表。当然，我可以通过使用其中一个反应原生库来实现这一点，但我试图避免使用库而不是我想构建一个具有多个渲染的flatlist组件，因为这种方法可以让我更好地控制组件。非常感谢任何帮助。

Answer 1

实现它的最简单方法是使用Row组件并根据props确定如何呈现它。例如：

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>
      )
   }
}