import React, { useState, useEffect, useCallback } from "react";
import { Image, TouchableOpacity, View, Modal, Text } from "react-native";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { useTailwind } from "tailwind-rn";
import Stream from "../Stream";
import My from "../My";
import Posts from "../Posts";
import { get } from "../../utils/storeInfo";
import { Icon } from "@rneui/themed";
import { useSafeAreaInsets } from "react-native-safe-area-context";
const Tab = createBottomTabNavigator();
export default function HomeTab({ navigation, route }) {
const tailwind = useTailwind();
const insets = useSafeAreaInsets();
const [isCreatePostTabVisible, setIsCreatePostTabVisible] = useState(false);
useEffect(() => {
const checkRole = async () => {
const account = await get("account");
if (account.role === 3) setIsCreatePostTabVisible(true);
};
checkRole();
}, []);
const CustomTabBarButton = useCallback(({ children }) => {
const [visible, setVisible] = useState(false);
return (
setVisible(!visible)}
>
{children}
setVisible(false)}
>
发图片
发视频
{
navigation.navigate("CreatePost");
setVisible(false);
}}
style={tailwind("flex flex-col items-center basis-1/3")}
>
广场动态
setVisible(false)}
type="ionicon"
name="close-outline"
size={30}
color="#FFFFFF80"
/>
);
}, []);
return (
({
tabBarActiveTintColor: "#FF669E",
tabBarInactiveTintColor: "gray",
tabBarStyle: {
backgroundColor: "#07050A",
borderTopColor: "#FFFFFF26",
},
})}
>
{
if (focused) {
return (
);
} else {
return (
);
}
},
}}
/>
{
if (focused) {
return (
);
} else {
return (
);
}
},
}}
/>
{isCreatePostTabVisible && (
(
),
tabBarButton: (props) => ,
}}
/>
)}
{
if (focused) {
return (
);
} else {
return (
);
}
},
}}
/>
{
if (focused) {
return (
);
} else {
return (
);
}
},
}}
/>
);
}