滚动不适用于ScrollView和绝对定位的组件

时间:2019-07-30 10:13:33

标签: react-native

我有一个scrollView和一个具有绝对位置的组件。 scrollView根本不滚动。看一下代码:https://snack.expo.io/@codebyte99/overlap-test

input[type='radio'] {
    &:checked {
        +span {
            //style here
        }
    }
}

如果未在scrollView中使用flex,则绝对定位的组件将无法完全看到,如果使用它,则滚动将无法正常工作。

enter image description here

2 个答案:

答案 0 :(得分:0)

使用flex: 1,ScrollView容器会占用所有可用空间,但是,这并不包括绝对位于其中的项目,因为它们不在文档流中。

因此您应该删除它,而应该给container样式足够的高度以显示其中的每个项目:

container: {
  flex: 0,
  alignItems: 'center',
  paddingTop: Constants.statusBarHeight,
  backgroundColor: '#ecf0f1',
  padding: 8,
  height: 2000,
},

答案 1 :(得分:0)

您是否尝试将flex: 1中的flexGrow: 1更改为contentContainerStyle