#8 Login & SignUp UI in React Native | React Native Tutorial | React Native Projects | SignUp System

Опубликовано: 06 Февраль 2025
на канале: The Debug Arena

7,143

Hello Guys,
In this video I have created ui of login and register. Also, I have shown how you can do field validation of all the fields present here.

Get code from my GitHub.
https://github.com/the-debug-arena/Fr...

CSS Code👇
mainContainer: {
backgroundColor: 'white',
},
textSign: {
fontSize: 18,
fontWeight: 'bold',
color: 'white',
},
smallIcon: {
marginRight: 10,
fontSize: 24,
},
logoContainer: {
justifyContent: 'center',
alignItems: 'center',
},
logo: {
height: 260,
width: 260,
marginTop: 30,
},
text_footer: {
color: '#05375a',
fontSize: 18,
},
action: {
flexDirection: 'row',
paddingTop: 14,
paddingBottom: 3,
marginTop: 15,

paddingHorizontal: 15,

borderWidth: 1,
borderColor: '#420475',
borderRadius: 50,
},
textInput: {
flex: 1,
marginTop: -12,

color: '#05375a',
},
loginContainer: {
backgroundColor: '#fff',
borderTopLeftRadius: 30,
borderTopRightRadius: 30,
paddingHorizontal: 20,
paddingVertical: 30,
},
header: {
justifyContent: 'flex-end',
paddingHorizontal: 20,
},
text_header: {
color: '#420475',
fontWeight: 'bold',
fontSize: 30,
},
button: {
alignItems: 'center',
marginTop: -20,
alignItems: 'center',
textAlign: 'center',
margin: 20,
},
inBut: {
width: '70%',
backgroundColor: '#420475',
alignItems: 'center',
paddingHorizontal: 15,
paddingVertical: 15,
borderRadius: 50,
},
inBut2: {
backgroundColor: '#420475',
height: 65,
width: 65,
borderRadius: 15,
justifyContent: 'center',
alignItems: 'center',
},
bottomButton: {
width: '100%',
flexDirection: 'row',
justifyContent: 'space-between',
},
smallIcon2: {
fontSize: 40,
// marginRight: 10,
},
bottomText: {
color: 'black',
fontSize: 12,
fontWeight: '600',
marginTop: 5,
},