TextInput is not focusing on multiple pages

Ask your Question

Hello everyone I am using a view pager for the video scrolling page and using the bottom sheet to add comments, now the text input is not focusing in development mode, and in production, it takes two taps to be focused. Even using the normal code without a video page I am facing the same issue. this is my simple code where textinput is not getting fuscused. tried with all options of setting heights of the pages but still it is not working.

const {height} = Dimensions.get('window');
 <ViewPager
      style={{height: height * 0.91}}
      orientation="vertical"
      onPageSelected={(e) => setSelected(e.nativeEvent.position)}
      initialPage={index}>
      {videos.map((item, index) => {
        return (
         <View
            key={index}
            backgroundColor="gray"
            style={{
              height: height * 0.91,
              alignContent: 'center',
              alignItems: 'center',
              justifyContent: 'center',
            }}>
            <StatusBar translucent backgroundColor="grey" />
            {/* <VideoPlayer
              video={item}
              navigation={navigation}
              isPlay={selected === index}
            /> */}
            <TextInput placeholder={item._id}></TextInput>
          </View>
        );
      })}
    </ViewPager>

[leoafarias]

I am having the same issue. Tried to create a snack but it happens in a specific case. For me it only happens when I open the screen in a materialBottomBar navigator. I am guessing that it could have something to do with the height.

[troZee]

duplicated: https://github.com/callstack/react-native-pager-view/issues/382