/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

5 votes320 views1 answer
Sqlite3.ProgrammingError: SQLite objects created in a thread can only be used in that same thread
TypeScript
2 votes195 views2 answers
For (... in ...) statements must be filtered with an if statement (forin)
TypeScript
2 votes214 views1 answer
Number of elements in c++ array
TypeScript
1 vote196 views1 answer
What project management tool you use
TypeScript
0 vote210 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript
52 votes506 views4 answers
Used ports in linux
TypeScript
0 vote168 views1 answer
Unable to determine application id: com.android.tools.idea.run.ApkProvisionException: No outputs for the main artifact of variant: debug
TypeScript
0 vote146 views1 answer
Google fonts for flutte
TypeScript
0 vote191 views1 answer
Terminal update file metadata
TypeScript
7 votes183 views2 answers
Conditional style angular
TypeScript