/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

14 votes256 views5 answers
Enum as type typescript
TypeScript
1 vote271 views1 answer
How to find the two parts of a vector 2 C++
TypeScript
0 vote279 views1 answer
Typescript proptypes boolean
TypeScript
4 votes267 views1 answer
Its is me dio
TypeScript
0 vote263 views2 answers
Image in container flutter
TypeScript
1 vote262 views2 answers
Gets syntax
TypeScript
7 votes318 views3 answers
Class 'kotlin.Unit' was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.5.1, expected version is 1.1.15.
TypeScript
0 vote279 views1 answer
How to pass multiple ports in values.yaml of helm
TypeScript
0 vote218 views0 answer
TypeScript
0 vote294 views1 answer
Mongodb move documents to another collection
TypeScript