/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

31 votes153 views4 answers
How to see all commits in git
TypeScript
0 vote119 views1 answer
Angular 9 remove text after white space
TypeScript
0 vote129 views1 answer
How to check that tuple A contains all elements of tuple B python?
TypeScript
1 vote129 views1 answer
Why does mongoose minimize by default
TypeScript
0 vote124 views1 answer
Hide elements in 2s jquery
TypeScript
0 vote171 views1 answer
Tar contents of current folder
TypeScript
0 vote128 views1 answer
How-do-i-navigate-to-a-parent-route-from-a-child-route
TypeScript
0 vote120 views1 answer
Change event doesn't work on dynamically generated elements .
TypeScript
3 votes133 views6 answers
Get multiple inputs in python
TypeScript
0 vote136 views1 answer
Typescript equals string
TypeScript