tiefen_space_app/screeens/EditStreamerInfo/index.jsx

59 lines
2.0 KiB
JavaScript

import { View, ScrollView, Text, TouchableOpacity } from "react-native";
import React from "react";
import { useTailwind } from "tailwind-rn";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import Toast from "react-native-toast-message";
import { Icon } from "@rneui/themed";
export default function EditStreamerInfo({ navigation, route }) {
const blurhash = "LcKUTa%gOYWBYRt6xuoJo~s8V@fk";
const tailwind = useTailwind();
const insets = useSafeAreaInsets();
return (
<ScrollView
style={{
paddingBottom: insets.bottom,
paddingLeft: insets.left,
paddingRight: insets.right,
...tailwind("flex-1"),
}}
>
<View style={tailwind("flex flex-row p-4 flex-wrap")}>
<TouchableOpacity
onPress={() => navigation.navigate("EditStreamerProfile")}
style={tailwind("flex flex-col basis-1/2 items-center py-4")}
>
<Icon
type="ionicon"
name="aperture-outline"
size={40}
color="white"
/>
<Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
编辑主页
</Text>
</TouchableOpacity>
<TouchableOpacity
onPress={() => navigation.navigate("EditPlatformOrder")}
style={tailwind("flex flex-col basis-1/2 items-center py-4")}
>
<Icon type="ionicon" name="tv-outline" size={40} color="white" />
<Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
编辑平台
</Text>
</TouchableOpacity>
<TouchableOpacity
onPress={() => navigation.navigate("EditStreamerMedia")}
style={tailwind("flex flex-col basis-1/2 items-center py-4")}
>
<Icon type="ionicon" name="images-outline" size={40} color="white" />
<Text style={tailwind("text-[#FFFFFF80] font-medium text-sm mt-2")}>
照片墙
</Text>
</TouchableOpacity>
</View>
</ScrollView>
);
}