Android ScrollView忽略其边框(附上截图)

时间:2016-05-18 09:31:55

标签: react-native react-native-android

尝试将边框设置为ScrollView组件。在iOS上它运行得很好,但不适用于Android:

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

iOS上的黑色边框:

enter image description here

Android上没有黑色边框:

enter image description here

在此尝试:https://rnplay.org/apps/cJbAjg

2 个答案:

答案 0 :(得分:4)

无法解释原因,但其中一项修正如下:

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设备上对此进行了测试

答案 1 :(得分:0)

使用 contentContainerStyle

代替道具 styles
<ScrollView contentContainerStyle={styles.scrollView}></ScrollView>