Android ScrollView 忽略它的边框（附截图）答案

【问题标题】：Android ScrollView ignores its border (Screenshots attached)Android ScrollView 忽略它的边框（附截图）
【发布时间】：2016-05-18 09:31:54
【问题描述】：

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

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

iOS 上漂亮的黑色边框：

Android 上没有黑色边框：

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

【问题讨论】：

您可以在问题正文中发布核心代码示例吗？链接可能会过期，这也有助于搜索。

标签： react-native react-native-android

【解决方案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 设备上对此进行了测试

【讨论】：

谢谢，这是一个很好的解决方法，但不是我需要的

【解决方案2】：

使用 contentContainerStyle

代替道具 styles

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

【讨论】：

这如何解决问题？你能链接到相关文档吗？

【解决方案3】：

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

【讨论】：

请不要只发布代码作为答案，还要解释您的代码的作用以及它如何解决问题的问题。带有解释的答案通常更有帮助，质量更高，更有可能吸引投票。