Scrollview идет под строкой состояния при использовании KeyboardAvoidingView

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; поможет.Однако я чувствую, что это не должно происходить в первую очередь.Исходная ошибка - странное состояние, когда часть прокрутки показывает (текст), а часть - нет (фон)