Закрывается клавиатура после нажатия инпута React native

Есть компонент навигации, подключается в компоненте App

return (
            <>
                <MainState/>
            </>

Внутри него есть два компонента по которым происходит навигация

return (
        <NavigationContainer>
            <Stack.Navigator
            >
                {/*<Stack.Screen name="Home" component={Auth} />*/}
                <Stack.Screen
                    name='AuthScreen'
                    component={Auth}
                    options={{
                        title:'Учетные записи',
                        headerStyle:{
                        },
                        headerTitleStyle:{
                           textAlign:'center',
                            width:screenWidth-35,
                           // backgroundColor:'yellow',
                            fontFamily:'Inter',
                            fontWeight:'400',
                            fontSize:16,
                            lineHeight:20
                        }
                    }}
                />
                <Stack.Screen
                    name='AuthLogin'
                    component={AuthLogin}
                    options={{
                        title:'Подключение уч. записи',
                        headerTitleStyle:{
                            textAlign:'center',
                            fontFamily:'Inter',
                            fontWeight:'400',
                            fontSize:16,
                            lineHeight:20
                        }
                    }}
                />
            </Stack.Navigator>
        </NavigationContainer>
        )

В компоненте AuthLogin есть ряд инпутов

const AuthLogin = () => {


    return (
        <View style={{backgroundColor:'white'}}>
            <View style={styles.container}>
                    <TextInput placeholder={'Логин'} style={[styles.inputText, styles.input, {marginTop: 16}]} autoCorrect={false}/>
                    <TextInput placeholder={'Пароль'} style={[styles.inputText, styles.input]} />
                    <TextInput placeholder={'IP адрес сервера'} style={[styles.inputText, styles.input]} keyboardType="numeric"/>
                    <TextInput placeholder={'Название учетной записи'} style={[styles.inputText, styles.input]}/>

                <Button style={styles.buttonForm}><Text style={styles.buttonText}>Подключить</Text></Button>
            </View>
        </View>
    );
};

export default AuthLogin;

Проблема заключается в том, что при нажатии на инпут появляется клавиатура и через секунду исчезает

Я пытался вынести инпут в основной компонент App и все работало, а через навигацию нет

Такое поведение наблюдается при сборке npm run android и на реальном устройстве

В чем может быть причина? Спасибо


Ответы (0 шт):