Skip to main content
Version: 0.3.x

react-native-paper

General use with individual iconkit

You can use react-native-paper's Provider or inline function to render icons that you need.

Example

src/App.js

import { Text, View, StyleSheet } from 'react-native';
import FontawesomeIconset, { variants } from "@svgr-iconkit/fontawesome"
import { Card, Button, Provider, IconButton } from 'react-native-paper';

const paperSetting = {
icon: props => <FontawesomeIconset {...props} />,
}

export default function App() {
return (
<Provider settings={paperSetting}>
<View style={styles.container}>
<Text style={styles.paragraph}>
react-native-paper with svgr-iconkit
</Text>
<Card>
<Button icon="clone">Copy me</Button>
<IconButton
icon={(props)=> <variants.regular name="camera" {...props} />}
size={20}
onPress={() => console.log('Pressed')}
/>
</Card>
</View>
</Provider>
);
}

[Demo link on Expo](https://snack.expo.dev/@lemankk/svgr-iconkit-examples---react-native-paper-components)