import React from "react";
import { View, Text, Linking, Button, ScrollView } from "react-native";
import { WebView } from "react-native-webview";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native";
function HomeScreen() {
return (
\<ScrollView\>
\<Text style={{ fontSize: 22, textAlign: "center", margin: 10 }}\>
ЁЯОе рдорд╛рдЭрдВ YouTube Channel
\</Text\>
\<View style={{ height: 300, margin: 10 }}\>
\<WebView
source={{ uri: "https://www.youtube.com/@PranavVharkate" }}
/\>
\</View\>
\</ScrollView\>
);
}
function SocialScreen() {
return (
\<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}\>
\<Text style={{ fontSize: 20, marginBottom: 20 }}\>ЁЯМР рдорд╛рдЭреЗ рд╕реЛрд╢рд▓ рд▓рд┐рдВрдХ\</Text\> https://youtube.com/@pranavvharkate?si=hTu85mvCYp0hujl5
\<Button title="Facebook рдЙрдШрдбрд╛" onPress={() =\> Linking.openURL("https://facebook.com/рддреБрдЭрд╛Link")} /\> https://www.facebook.com/profile.php?id=100091967667636&mibextid=ZbWKwL
\<Button title="Instagram рдЙрдШрдбрд╛" onPress={() =\> Linking.openURL("https://instagram.com/рддреБрдЭрд╛Link")} /\> https://www.instagram.com/pranavvharkate2?igsh=MW5hdjRsdHh1eDhsdA==
\</View\>
);
}
function CommunityScreen() {
return (
\<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}\>
\<Text style={{ fontSize: 20 }}\>ЁЯСе Community Page (Demo)\</Text\>
\<Text\>рдпреЗрдереЗ рдирдВрддрд░ Firebase рдЬреЛрдбреВрди posts рдЯрд╛рдХрддрд╛ рдпреЗрддреАрд▓.\</Text\>
\</View\>
);
}
const Tab = createBottomTabNavigator();
export default function App() {
return (
\<NavigationContainer\>
\<Tab.Navigator\>
\<Tab.Screen name="Home" component={HomeScreen} /\>
\<Tab.Screen name="Social" component={SocialScreen} /\>
\<Tab.Screen name="Community" component={CommunityScreen} /\>
\</Tab.Navigator\>
\</NavigationContainer\>
);
}