如何去掉边框？border 总有一点灰色的小边框

[1c7]

问题的截图（元素之间有一条浅色灰线）：

代码：

import React, { Component } from 'react';
import { View, StyleSheet, Text } from 'react-native';
import { LargeList } from "react-native-largelist";

export default class LogsScreen extends React.Component {
  constructor(props) {
    super(props);
    this.haha = [{ key: 1, title: 'nice' }, { key: 2, title: 'hello' }, { key: 3, title: 'world' }]
  }
  render() {
    return (
      <View style={{flex: 1, backgroundColor:'#fff'}}>
        <LargeList
          style={{ flex: 1}}
          bounces={true}
          safeMargin={600}
          numberOfRowsInSection={section => 3}
          heightForCell={(section, row) => row % 2 ? 100 : 100}
          renderCell={this.renderItem.bind(this)}
          heightForSection={section => section % 2 ? 0 : 0}
        />
      </View>
    );
  }
  renderItem(section, row) {
    let food = this.haha[row];
    return (<View style={{flex: 1}}>
      <Text>{food.title}</Text>
    </View>)
  }

}

[1c7]

react-native info

[1c7]

图片中可以看到，item 之间有一条浅色的灰色线条，请问如何去除？谢谢

在用 React Native 0.52，react-native run-android 跑在安卓真机上（三星 Galaxy Note 5）

borderWidth:0 elevation:0 都不行

(以下代码无法去除灰色区隔线

  renderItem(section, row) {
    let food = this.haha[row];
    return (<View style={{flex: 1, elevation:0, borderWidth:0}}>
      <Text>{food.title}</Text>
    </View>)
  }

[bolan9999]

那是Item分隔器renderItemSeparator，看文档，不需要的话就设置成()=>null

[1c7]

管用，感谢~

[1c7]

renderItemSeparator={()=>null}

        <LargeList
          style={{ flex: 1}}
          bounces={true}
          safeMargin={600}
          numberOfRowsInSection={section => 3}
          heightForCell={(section, row) => row % 2 ? 100 : 100}
          renderCell={this.renderItem.bind(this)}
          heightForSection={section => section % 2 ? 0 : 0}
          renderItemSeparator={()=>null}
        />