Всем привет, подскажите каким образом можно скрывать подвал при фокусе

Question

React Native — русскоговорящее сообщество

Nikita Soroko

Всем привет, подскажите каким образом можно скрывать подвал при фокусе

на инпут?
т.е. что бы когда появлялась клавиатура подвал не был виден

#mobile #programming #reactnative #russian

0

30.03.2020

1 ответов

9 просмотров

Nikita Soroko · Answer 1

Спустя пару часов изучения событий родных компонентов native и сёрфа по различным форумам, решил сам написать решение, ибо больше ничего не оставалось Суть достаточно простая это повешать обработчики событий на textInput и в них изменять стейт хуками реакта Не оффтоп конечно, и я буду рад если вы поправите меня) .............. const StyledFooter = styled.View` width: 75%; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 20px; height: 50px; display: ${props => (props.hidden === true ? 'none' : 'flex')}; `; const AuthPass: () => React$Node = ({navigator}) => { const [hiddenFoot, setHiddenFoot] = useState(false); const hiddenFooter = () => { setHiddenFoot(!hiddenFoot); }; const visibleFooter = () => { setHiddenFoot(!hiddenFoot); }; return ( <> <ModernHeader rightDisable={true} text="" leftIconComponent={<Text onPress={() => navigator.pop()}>Back</Text>} /> <SafeAreaView style={{flex: 1}}> <Container> <ScrollView> <LogoCustom /> <StyledText>We just sent you a code.</StyledText> <StyledText>Insert the 6-digit code</StyledText> <InputCustom newMargin="20px 0 100px 0" placeholder="+1 234 567 89 00" secureTextEntry={true} textContentType="password" onFocus={hiddenFooter} onEndEditing={visibleFooter} /> </ScrollView> <View> <StyledFooter onPress={() => navigator.pop()} hidden={hiddenFoot}> <LinearGradient colors={['#cf1afc', '#6208a8', '#6208a8']} style={styless.linearGradient}> <Text style={styless.buttonText}>Continue</Text> </LinearGradient> </StyledFooter> </View> </Container> </SafeAreaView> </> ); }; ..............

169 похожих чатов

Всем привет, подскажите каким образом можно скрывать подвал при фокусе

1 ответов

Похожие вопросы