Test/v2 spinner

[Zero6d]

export const Spinner = ficus('ActivityIndicator'); // something wrong with ficus making color return undefined but size still working correctly
// color return undefined can be check in spinner.spec.tsx
export const Spinner2 = (props: SpinnerProps) => {
return <ActivityIndicator {...props} />; // using normal ActivityIndicator instead of ficus until found out why color isnt working
};

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-native-ficus-ui	❌ Failed (Inspect)			Feb 26, 2025 10:56am

[ntatoud]

I think it is because ActivityIndicator has a color prop and it conflicts with the color prop from Ficus

[Zero6d]

yes but i think it need to fix inside factory file
since using directly like this below still not work for color but size still work
<ficus.ActivityIndicator color='red' size='large' />;
<ficus.ActivityIndicator color='#000000' size='large' />;
<ficus.ActivityIndicator color='rgba(0,0,0,1)' size='large' />;

[ntatoud]

try to export getThemeColor from the style-system and use it here to resolve theme colors.

To improve but to give you an idea:

import {transforms} from '@ficus-ui/style-system'
/** ... */
export const Spinner2 = (props: SpinnerProps) => {
  const { theme } = useTheme();
  const color = transforms.getThemeColor(theme.colors, props.color);
  return <ActivityIndicator {...props} />; // using normal ActivityIndicator instead of ficus until found out why color isnt working

Usage:

<Spinner color="red.500" /> // should work

[Zero6d]

this doesnt work