/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 vote332 views1 answer
C# copy the elements of a list to another list
TypeScript
2 votes311 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote316 views1 answer
Porque la ejecución de scripts está deshabilitada en este sistema
TypeScript
23 votes357 views3 answers
Check if file exists bash
TypeScript
1 vote310 views1 answer
Serenity.is set datepicker value on click
TypeScript
0 vote310 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript
6 votes301 views1 answer
File C:\Users\SHUBHAM KUNWAR\AppData\Roaming\npm\nodemon.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote303 views1 answer
Failed to enumerate objects in the container access is denied windows 10
TypeScript
15 votes342 views4 answers
Plot value counts pandas
TypeScript
0 vote401 views1 answer
Django model get all documents with a given foreign key
TypeScript