/TypeScript/React native elements button with icon

React native elements button with icon

<Button
  icon={
    <Icon
      name="arrow-right"
      size={15}
      color="white"
    />
  }
  title="Button with icon component"
/>

Button with icon react native ui

import FontAwesome from "react-native-vector-icons/FontAwesome";
import { Text, TouchableOpacity } from "react-native";

<TouchableOpacity
	style={{ borderRadius:5, paddingVertical:10, paddingHorizontal:30, flexDirection: 'row', backgroundColor: '#3578E5' }}
	onPress={() => this.signInFacebook(context.updateAuthUser)}>
  	<FontAwesome name='facebook' size={20} color='#fff' />
    <Text style={{ marginLeft: 10, color: '#fff', fontWeight: 'bold' }}>
      Login With Facebook 
	</Text>
</TouchableOpacity>

Similar codes

0 vote261 views1 answer
The Effects of Boredom, Loneliness, and Distress Tolerance on Problem Internet Use Among University Students
TypeScript
0 vote282 views1 answer
Dart exit loop
TypeScript
0 vote268 views1 answer
Difference between test strategy vs test plan
TypeScript
0 vote264 views1 answer
How to validate if all characters enetred in a string are alphabets and then reprompt user
TypeScript
0 vote267 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreCollection'
TypeScript
0 vote262 views1 answer
Angular typescript filter array group by attribute
TypeScript
1 vote287 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
-1 vote298 views1 answer
Regex remove brackets and contents
TypeScript
3 votes262 views1 answer
Angular access page
TypeScript
0 vote290 views1 answer
Are remote objects and distributed objects the same
TypeScript