/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 vote225 views1 answer
Import type * as PrettyFormat from './types';
TypeScript
0 vote209 views2 answers
Multiple hosts in same role
TypeScript
0 vote199 views1 answer
Android get digits from string
TypeScript
2 votes206 views2 answers
Typescript datetimte
TypeScript
8 votes197 views6 answers
Dotenv typescript
TypeScript
1 vote201 views1 answer
Template variables are read-only.
TypeScript
0 vote200 views1 answer
Conditional styled components with media query
TypeScript
0 vote194 views1 answer
When to stop testing
TypeScript
7 votes194 views2 answers
Conditional inline style angular
TypeScript
0 vote294 views1 answer
> Could not find method classpath() for arguments [org.jetbrains.kotlin:kotlin-gradle-plugin:1.6.10] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.
TypeScript