/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

13 votes277 views6 answers
React native typescript
TypeScript
0 vote268 views1 answer
How to pass arguments to filter function in python
TypeScript
-1 vote285 views2 answers
What are the components of the environment? Explain it along with the examples class 6
TypeScript
1 vote251 views1 answer
Typescript canvas
TypeScript
0 vote284 views1 answer
Which electromagnetic radiation is used for heating and night vision equipment
TypeScript
23 votes425 views5 answers
Nodemon typescript
TypeScript
0 vote298 views1 answer
Python shuffle two lists together
TypeScript
0 vote304 views1 answer
Typescrpt add onject to window namespace
TypeScript
0 vote315 views1 answer
Turn off suspend and sleep tagets system d
TypeScript
-3 votes305 views1 answer
How to implement Bootstrap 4 for Angular 2 ngb-pagination
TypeScript