react-native - Android ScrollView 忽略它的边框（附截图）

Question

试图为ScrollView组件设置边框。在 iOS 上它工作得很好，但在 Android 上却不行：

 scrollView: {   
   borderColor: '#000000',
   borderStyle: 'solid',
   borderWidth: (1),
 }

iOS上漂亮的黑色边框：

Android上没有黑色边框：

在这里试试：https ://rnplay.org/apps/cJbAjg

Answer 1

无法真正解释原因，但其中一项修复如下：

var styles = StyleSheet.create({   
  container: {
    marginTop: 20,
    marginHorizontal: 1,
    borderRadius: 8,
    borderColor: 'black',
    borderStyle: 'solid',
    borderWidth: 1,   
  }, 
  scrollView: {         
    height: 40,   
  },   
  item: {       
    backgroundColor: '#ddd',
    borderRadius: (5),
    padding: 5,
    margin: 5,   
  } 
});

我已经在使用 rn 0.26.0 的 android 设备上对此进行了测试

Answer 2

<View
style={{overflow : "hidden" , borderRadius : 20}}
>
<ScrollView>
{/*Your other view*/}
</ScrollView>
</View>

Answer 3

代替道具样式使用contentContainerStyle

<ScrollView contentContainerStyle={styles.scrollView}></ScrollView>