/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 vote228 views1 answer
Nativescript routerextensions navigate
TypeScript
20 votes226 views5 answers
Flatten a list of lists python
TypeScript
0 vote195 views1 answer
How to add bootstrap to angular app page
TypeScript
0 vote219 views1 answer
How to get the sheets no in excel package workbook in c#
TypeScript
0 vote235 views1 answer
Ignoring header x-firebase-locale because its value was null. flutter
TypeScript
0 vote235 views1 answer
Why to choose automation over manual testing
TypeScript
0 vote223 views1 answer
Remove showing results woocommerce shortcode
TypeScript
1 vote212 views1 answer
Operator '+' cannot be applied to types 'Number' and 'Number'.
TypeScript
0 vote210 views1 answer
Embed python in html
TypeScript
0 vote227 views1 answer
Implement a groupByOwners function that: Accepts an associative array
TypeScript