React Native Tutorial For Beginners || Learn React Native along with Node JS and Mongo Db to build a full fledge android application. - #8 Login & SignUp UI in React Native | React Native Tutorial | React Native Projects | SignUp System

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/Friends_Book 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, },