fix: example

alantoa · Jan 9, 2023 · a38129b · a38129b
1 parent 1d31bfe
commit a38129b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/example/App.tsx b/example/App.tsx
@@ -11,6 +11,7 @@ import {
 import { HomeScreen } from "./src/home";
 
 StatusBar.setBarStyle("light-content");
+StatusBar.setHidden(true);
 const Tab = createBottomTabNavigator();
 
 function SearchScreen() {

diff --git a/example/src/navigation/tab-bar-icon.tsx b/example/src/navigation/tab-bar-icon.tsx
@@ -1,6 +1,6 @@
 import { Platform, Text, View } from "react-native";
 import Ionicons from "@expo/vector-icons/Ionicons";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import * as Tooltip from "universal-tooltip";
 
 type TabBarIconProps = {
@@ -40,7 +40,11 @@ export function TabBarSearchIcon({ color, focused, onPress }: TabBarIconProps) {
 
 export function TabBarLikeIcon({ color, focused, onPress }: TabBarIconProps) {
   const [open, setOpen] = useState(false);
-
+  useEffect(() => {
+    setTimeout(() => {
+      setOpen(true);
+    }, 2000);
+  }, []);
   return (
     <IconButton>
       <Tooltip.Root
@@ -53,9 +57,6 @@ export function TabBarLikeIcon({ color, focused, onPress }: TabBarIconProps) {
             open,
           },
         })}
-        onLayout={() => {
-          setOpen(true);
-        }}
       >
         <Tooltip.Trigger>
           <Ionicons
@@ -76,7 +77,7 @@ export function TabBarLikeIcon({ color, focused, onPress }: TabBarIconProps) {
           side="top"
           presetAnimation="fadeIn"
           backgroundColor="#fff"
-          borderRadius={999}
+          borderRadius={12}
         >
           <Tooltip.Text
             textSize={12}