import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { View, StyleSheet, Dimensions, ScrollView, SafeAreaView, Platform, StatusBar, LayoutAnimation, } from "react-native"; import Navbar from "../../components/Navbar"; import tw from "tailwind-rn"; import Scroll from "./components/Scroll"; import MyBooks from "./components/MyBooks"; import Videos from "./components/Videos"; import Blogs from "./components/Blogs"; import Drawer from "../../components/Drawer"; // import { SafeAreaView } from 'react-native-safe-area-context'; // Within your render function const Home = ({ isLogin }) => { const [position, setPosition] = useState("100%"); const setBoxPosition = () => { LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); setPosition(position === "100%" ? "0%" : "100%"); }; return ( ); }; // Later on in your styles.. const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: 100, }, container: { width: Dimensions.get("window").width, backgroundColor: "white", flexDirection: "column", paddingVertical: 0, paddingHorizontal: 0, }, }); const mapStateToProps = (state) => ({ isLogin: state.user.status, }); const mapDispatchToProps = {}; export default connect(mapStateToProps, mapDispatchToProps)(Home);