/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

18 votes149 views6 answers
Remove multiple elements from array es6
TypeScript
0 vote180 views1 answer
After effects how to parent only one property
TypeScript
0 vote155 views1 answer
Typeorm find with limit
TypeScript
1 vote178 views1 answer
Track changes of input in angular
TypeScript
2 votes173 views1 answer
Instragram basic api Display
TypeScript
0 vote163 views1 answer
How to use array pop in typescript
TypeScript
49 votes189 views5 answers
How to remove bullets from ul
TypeScript
0 vote175 views1 answer
Jest not toBe
TypeScript
0 vote158 views1 answer
Facade design pattern typescript
TypeScript
2 votes164 views1 answer
No suitable injection token for parameter 'path' of class 'BaseModel'
TypeScript