Reactnative 列之间的 React Native FlatList 分隔符

    <FlatList
      numColumns={4}
      ItemSeparatorComponent={this.renderSeparator}
      ...
    </FlatList>

  renderSeparator = () => (
    <View
      style={{
        backgroundColor: 'red',
        height: 0.5,
      }}
    />
  );

_renderItem = ({item,index}) => {
   return(
      <View style={[{ backgroundColor: 'red', flex: 1 }, index%2==0 ? { marginRight: 10 } : { marginLeft: 10 } ]}>
         <Text>{item.key}</Text>
      </View>
   )
}

React-native相关问答推荐

ITMS—91053：缺少API声明—ReactNative

react 本机中的TextInput对齐中的长文本

React Native 在每个页面加载时调用数据库

使用react native 杀死应用程序后蓝牙仍处于活动状态

reactnavigation后退按钮的自定义后退导航

在 React Native Paper 中更改 TextInput 的文本 colored颜色

为什么会出现此错误：Invariant Violation： Cannot update during an existing state transition

在 LTR 设备上强制 RTL

Invariant Violation：requireNativeComponent： "RNCWebView" was not found in the UIManager

React native Redux - 对象不是构造函数(判断'new ctor(props context)')

axios 的网络错误和react-native

如何在react-native矢量图标中从多个文件导入图标？

如何在样式组件之外获取主题？

React Native Navigation 组件路由问题

开始滚动时使 TouchableOpacity 不突出显示元素

React本机IOS，当TextInput获得焦点时，按钮按下不注册

如何在 React Native 中禁用图像淡入效果？

当前未启用语法nullishCoalescingOperator

列之间的 React Native FlatList 分隔符

在 React Native 中向组件传递参数