使用KeyboardAvoidingView时Scrollview进入状态栏

Question

如果您在状态栏上的时间左侧查看，则可以看到部分滚动视图显示。向上滚动时，我可以看到带有所有元素（选择器，文本输入等）滚动在状态栏下方的滚动视图。

我的层次结构如下

        <React.Fragment>
          <SafeAreaView forceInset={true} style={{ flex: 1, backgroundColor: colors.black, zIndex: 10000 }}>

           <View style={{flex:1}}>
           <Header/> //has certain height. had to add zIndex=10000 to avoid same issue
             <KeyboardAvoidingView behavior='position'>
               <ScrollViewWithContent/>
             </KeyboardAvoidingView>
           </View>

          </SafeAreaView>
        </React.Fragment>

您是否看到明显的问题？

Answer 1

添加overflow:hidden;可以解决问题。但是我觉得这不应该首先发生。原始错误是一种奇怪的状态，其中滚动视图的一部分显示（文本），而部分不显示（背景）