Button Component in React Native expo component #4 (1 Viewer)

[tempcp001]

import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
import React from 'react'
import { ActivityIndicator } from 'react-native'
import { Colors } from '../constants/colors'
export default function SubmitButton({
title,
onPress,
loading
}) {
return (
<TouchableOpacity onPress={onPress}>
{
loading ?
<View style={styles.loginButton}>
<ActivityIndicator size={'small'} color='#fff' />
</View>
:
<Text style={styles.loginButton}>{title}</Text>
}
</TouchableOpacity>
)
}
const styles = StyleSheet.create({
loginButton: {
color: '#fff',
textAlign: 'center',
borderRadius: 5,
borderWidth: 1,
borderColor: Colors.primary,
padding: 10,
marginTop: 20,
backgroundColor: Colors.primary,
overflow: 'hidden',
},
})

Click to read more...