3139f85b5d
* docs(react-native): create the basic expo project * docs(react-native): cross-platform Apple social sign-in * docs(react-native): cross-platform Google social sign-in * docs(react-native): fix typos * docs(react-native): remove wrong entry in the `Connection` component * Correct typos * Prettier * Draft * Draft * docs(react-native): use kebab-case file naming convention in Expo guide - use kebab-case file naming convention in Expo guide - add trailing semicolon to align with the standard Expo template conventions * docs(react-native): use kebab-case file naming convention in Expo social auth example * docs(react-native): update the packages of the Expo social auth example * Fix * Draft * Changes * Correct log message --------- Co-authored-by: Chris Chinchilla <chris.ward@supabase.io> Co-authored-by: Chris Chinchilla <chris@chrischinchilla.com>
33 lines
598 B
TypeScript
33 lines
598 B
TypeScript
import { SymbolView, SymbolViewProps, SymbolWeight } from 'expo-symbols';
|
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
|
|
export function IconSymbol({
|
|
name,
|
|
size = 24,
|
|
color,
|
|
style,
|
|
weight = 'regular',
|
|
}: {
|
|
name: SymbolViewProps['name'];
|
|
size?: number;
|
|
color: string;
|
|
style?: StyleProp<ViewStyle>;
|
|
weight?: SymbolWeight;
|
|
}) {
|
|
return (
|
|
<SymbolView
|
|
weight={weight}
|
|
tintColor={color}
|
|
resizeMode="scaleAspectFit"
|
|
name={name}
|
|
style={[
|
|
{
|
|
width: size,
|
|
height: size,
|
|
},
|
|
style,
|
|
]}
|
|
/>
|
|
);
|
|
}
|