add:profile gallery

app/src/main/java/com/aiosman/riderpro/MainActivity.kt

@@ -1,63 +1,39 @@
 package com.aiosman.riderpro
 
-import android.app.Activity
-import android.app.StatusBarManager
 import android.os.Bundle
-import android.widget.HorizontalScrollView
-import android.widget.ScrollView
 import androidx.activity.ComponentActivity
-import androidx.activity.SystemBarStyle
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.BorderStroke
-import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
-import androidx.compose.foundation.border
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.WindowInsets
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.navigationBars
-import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.statusBarsPadding
-import androidx.compose.foundation.layout.windowInsetsPadding
-import androidx.compose.foundation.layout.windowInsetsStartWidth
-import androidx.compose.foundation.layout.wrapContentWidth
-import androidx.compose.foundation.text.BasicText
-import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Icon
 import androidx.compose.material3.NavigationBar
 import androidx.compose.material3.NavigationBarItem
 import androidx.compose.material3.NavigationBarItemColors
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
-import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.compositionLocalOf
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.ColorProducer
-import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.res.painterResource
-import androidx.compose.ui.res.vectorResource
-import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-import androidx.core.view.WindowCompat
-import androidx.navigation.NavController
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
@@ -65,13 +41,6 @@ import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
 import com.aiosman.riderpro.ui.theme.RiderProTheme
 import com.google.accompanist.systemuicontroller.rememberSystemUiController
-import com.google.android.gms.maps.model.CameraPosition
-import com.google.android.gms.maps.model.LatLng
-import com.google.maps.android.compose.GoogleMap
-import com.google.maps.android.compose.Marker
-import com.google.maps.android.compose.MarkerComposable
-import com.google.maps.android.compose.MarkerState
-import com.google.maps.android.compose.rememberCameraPositionState
 
 
 class MainActivity : ComponentActivity() {
@@ -84,8 +53,12 @@ class MainActivity : ComponentActivity() {
     }
 }
 
+val LocalNavController = compositionLocalOf<NavHostController> {
+    error("NavController not provided")
+}
+
 @Composable
-fun NavigationController(navController: NavHostController){
+fun NavigationController(navController: NavHostController) {
     NavHost(
         navController = navController,
         startDestination = NavigationItem.Home.route,
@@ -94,27 +67,30 @@ fun NavigationController(navController: NavHostController){
         },
         exitTransition = {
             fadeOut(animationSpec = tween(0))
-        }){
-        composable(route = NavigationItem.Home.route){
+        }) {
+        composable(route = NavigationItem.Home.route) {
             Home()
         }
-        composable(route = NavigationItem.Street.route){
+        composable(route = NavigationItem.Street.route) {
             Street()
         }
-        composable(route = NavigationItem.Add.route){
+        composable(route = NavigationItem.Add.route) {
             Add()
         }
-        composable(route = NavigationItem.Message.route){
+        composable(route = NavigationItem.Message.route) {
             Video()
         }
-        composable(route = NavigationItem.Profile.route){
+        composable(route = NavigationItem.Profile.route) {
             Profile()
         }
+        composable(route = "ProfileTimeline") {
+            GalleryPage()
+        }
     }
 }
 
 @Composable
-fun Navigation(){
+fun Navigation() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
@@ -126,89 +102,103 @@ fun Navigation(){
         NavigationItem.Message,
         NavigationItem.Profile
     )
-    Scaffold (
-        modifier = Modifier.statusBarsPadding(),
-        topBar = {},
-        bottomBar = {
-            NavigationBar (
-                modifier = Modifier.height(56.dp + navigationBarHeight),
-                containerColor = Color.Black
-            ){
-                val navBackStackEntry by navController.currentBackStackEntryAsState()
-                val currentRoute = navBackStackEntry?.destination?.route
-                val systemUiController = rememberSystemUiController()
-                item.forEach{ it ->
-                    NavigationBarItem(
-                        selected = currentRoute == it.route ,
-                        onClick = {
-                            if(currentRoute != it.route){
-                                navController.navigate(it.route)
-                            }
-                            when (it.route) {
-                                NavigationItem.Add.route -> {
-                                    systemUiController.setSystemBarsColor(
-                                        color = Color.Black
-                                    )
+    CompositionLocalProvider(LocalNavController provides navController) {
+        Scaffold(
+            modifier = Modifier.statusBarsPadding(),
+            topBar = {},
+            bottomBar = {
+                NavigationBar(
+                    modifier = Modifier.height(56.dp + navigationBarHeight),
+                    containerColor = Color.Black
+                ) {
+                    val navBackStackEntry by navController.currentBackStackEntryAsState()
+                    val currentRoute = navBackStackEntry?.destination?.route
+                    val systemUiController = rememberSystemUiController()
+                    item.forEach { it ->
+                        NavigationBarItem(
+                            selected = currentRoute == it.route,
+                            onClick = {
+                                if (currentRoute != it.route) {
+                                    navController.navigate(it.route)
                                 }
-                                NavigationItem.Message.route -> {
-                                    systemUiController.setSystemBarsColor(
-                                        color = Color.Black
-                                    )
-                                }
-                                else -> {
-                                    systemUiController.setSystemBarsColor(
-                                        color = Color.Transparent
-                                    )
-                                }
-                            }
-                        },
-                        colors = NavigationBarItemColors(
-                            selectedIconColor = Color.Red,
-                            selectedTextColor = Color.Red,
-                            selectedIndicatorColor = Color.Black,
-                            unselectedIconColor = Color.Red,
-                            unselectedTextColor = Color.Red,
-                            disabledIconColor = Color.Red,
-                            disabledTextColor = Color.Red,
+                                when (it.route) {
+                                    NavigationItem.Add.route -> {
+                                        systemUiController.setSystemBarsColor(
+                                            color = Color.Black
+                                        )
+                                    }
 
-                        ),
-                        icon = {
-                            Icon(modifier = Modifier.size(24.dp),
-                                imageVector = it.icon(), contentDescription = null,
-                                tint = if(currentRoute == it.route) Color.Red else Color.White
-                            )
-                        }
-                    )
+                                    NavigationItem.Message.route -> {
+                                        systemUiController.setSystemBarsColor(
+                                            color = Color.Black
+                                        )
+                                    }
+
+                                    else -> {
+                                        systemUiController.setSystemBarsColor(
+                                            color = Color.Transparent
+                                        )
+                                    }
+                                }
+                            },
+                            colors = NavigationBarItemColors(
+                                selectedIconColor = Color.Red,
+                                selectedTextColor = Color.Red,
+                                selectedIndicatorColor = Color.Black,
+                                unselectedIconColor = Color.Red,
+                                unselectedTextColor = Color.Red,
+                                disabledIconColor = Color.Red,
+                                disabledTextColor = Color.Red,
+
+                                ),
+                            icon = {
+                                Icon(
+                                    modifier = Modifier.size(24.dp),
+                                    imageVector = it.icon(), contentDescription = null,
+                                    tint = if (currentRoute == it.route) Color.Red else Color.White
+                                )
+                            }
+                        )
+                    }
                 }
             }
+        ) { paddingValues ->
+            Box(
+                modifier = Modifier.padding(paddingValues)
+            ) {
+                NavigationController(navController = navController)
+            }
         }
-    ){
-        NavigationController(navController = navController)
     }
+
 }
 
 @Composable
-fun Home(){
+fun Home() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
-        modifier = Modifier.fillMaxSize().padding(bottom = (56.dp + navigationBarHeight)),
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight)),
         verticalArrangement = Arrangement.Center,
         horizontalAlignment = Alignment.CenterHorizontally
-    ){
+    ) {
         PagingBackendSample()
     }
 }
 
 
 @Composable
-fun Street(){
+fun Street() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
-        modifier = Modifier.fillMaxSize().padding(bottom = (56.dp + navigationBarHeight)),
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight)),
         verticalArrangement = Arrangement.Center,
         horizontalAlignment = Alignment.CenterHorizontally
     ) {
@@ -217,71 +207,76 @@ fun Street(){
 }
 
 @Composable
-fun Add(){
+fun Add() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
+    Column(
         modifier = Modifier
-            .fillMaxSize().padding(bottom = (56.dp + navigationBarHeight))
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight))
             .background(Color.Black),
         verticalArrangement = Arrangement.Center,
         horizontalAlignment = Alignment.CenterHorizontally
-    ){
+    ) {
         AddPage()
     }
 }
 
 @Composable
-fun Video(){
+fun Video() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
-        modifier = Modifier.fillMaxSize().padding(bottom = (56.dp + navigationBarHeight)),
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight)),
         verticalArrangement = Arrangement.Top,
         horizontalAlignment = Alignment.CenterHorizontally,
-    ){
+    ) {
         ShortVideo()
     }
 }
 
 @Composable
-fun Message(){
+fun Message() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
-        modifier = Modifier.fillMaxSize().padding(bottom = (56.dp + navigationBarHeight)),
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight)),
         verticalArrangement = Arrangement.Top,
         horizontalAlignment = Alignment.CenterHorizontally,
-    ){
+    ) {
         MessagePage()
     }
 }
 
 @Composable
-fun Profile(){
+fun Profile() {
     val navigationBarHeight = with(LocalDensity.current) {
         WindowInsets.navigationBars.getBottom(this).toDp()
     }
-    Column (
-        modifier = Modifier.fillMaxSize().padding(bottom = (56.dp + navigationBarHeight)),
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(bottom = (56.dp + navigationBarHeight)),
         verticalArrangement = Arrangement.Center,
         horizontalAlignment = Alignment.CenterHorizontally
-        ){
-            ProfilePage()
-        }
+    ) {
+        ProfilePage()
+    }
 }
 
 
-
-
 @Preview(showBackground = true)
 @Composable
 fun GreetingPreview() {
     RiderProTheme {
-        Surface (modifier = Modifier.fillMaxSize(), color = Color.White){
+        Surface(modifier = Modifier.fillMaxSize(), color = Color.White) {
             Navigation()
         }
     }