text: import { StatusBar } from "expo-status-bar";
  import { ScrollView, StyleSheet, View } from "react-native";
  import styled from "styled-components/native";
  import AppBar from "./components/AppBar";
  import Feed from "./components/Feed";
  import Story from "./components/Story";
  import ToolBar from "./components/ToolBar";
  import Users from "./components/Users";
  
  const Container = styled.SafeAreaView`
    flex: 1;
  `;
  export default function App() {
    return (
      <>
        <StatusBar backgroundColor="#FFFFF" barStyle="dark-content" />
        <Container>
          <ScrollView>
            <AppBar />
            <ToolBar />
            <Users />
            <Story />
            <Feed />
          </ScrollView>
        </Container>
      </>
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: "#fff",
      alignItems: "center",
      justifyContent: "center",
    },
  });
  