/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 vote286 views1 answer
Theattachedfile“stdData.csv”containsdifferentmeasurementsfromfour sensors. Themeasurementsaretakenmanytimesfordifferenttests
TypeScript
1 vote290 views1 answer
How to delete the spec.ts file in project all togethre
TypeScript
0 vote331 views1 answer
How to check that tuple contains unique elements
TypeScript
0 vote303 views1 answer
Socket.io typescript
TypeScript
1 vote303 views2 answers
Convert list elements to uppercase python
TypeScript
1 vote363 views1 answer
React typescript cheat sheet
TypeScript
1 vote284 views1 answer
Main concepts in asp.net core
TypeScript
0 vote312 views1 answer
An unhandled exception occurred: Schematic "Module" not found in collection "@schematics/angular".
TypeScript
2 votes300 views1 answer
Requests python no proxy
TypeScript
1 vote303 views1 answer
Did you mean 'requestFullscreen'?
TypeScript