fix: custom icons not rendering with <CssInterop.xx />

gunnartorfis · Sep 10, 2024 · c7f281d · c7f281d
1 parent c64256a
commit c7f281d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/example/src/ToastDemo.tsx b/example/src/ToastDemo.tsx
@@ -65,6 +65,18 @@ export const ToastDemo: React.FC = () => {
         title="Custom id"
         onPress={() => toast('Custom id', { id: '123' })}
       />
+      <Button
+        title="Custom icon"
+        onPress={() => {
+          toast('Custom icon', {
+            icon: (
+              <View>
+                <Text>🚀</Text>
+              </View>
+            ),
+          });
+        }}
+      />
       <Button title="Show outside of a React component" onPress={handleToast} />
       <Button
         title="Toast with a promise"

diff --git a/src/toast.tsx b/src/toast.tsx
@@ -240,7 +240,9 @@ export const Toast: React.FC<ToastProps> = ({
             ) : (
               <ActivityIndicator />
             )
-          ) : icon || variant in icons ? (
+          ) : icon ? (
+            <View>{icon}</View>
+          ) : variant in icons ? (
             icons[variant]
           ) : (
             <ToastIcon variant={variant} invert={invert} />