VO
Size: a a a
VO
ДА
GB
ДР
ДА
GB
R
I
h
h
K
ДР
NS
..............
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>
</>
);
};
..............
ДР
G
NS