diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index 75a4610..6ec4965 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -1,5 +1,4 @@ import { Tabs } from "expo-router"; -import React from "react"; import { HapticTab } from "@/components/haptic-tab"; import { IconSymbol } from "@/components/ui/icon-symbol"; @@ -26,15 +25,7 @@ export default function TabLayout() { ), }} /> - ( - - ), - }} - /> + - } - > - - - Explore - - - - This app includes example code to help you get started. - - - - This app has two screens:{" "} - app/(tabs)/index.tsx{" "} - and{" "} - app/(tabs)/explore.tsx - - - The layout file in{" "} - app/(tabs)/_layout.tsx{" "} - sets up the tab navigator. - - - Learn more - - - - - You can open this project on Android, iOS, and the web. To open the - web version, press w{" "} - in the terminal running this project. - - - - - For static images, you can use the{" "} - @2x and{" "} - @3x suffixes to - provide files for different screen densities - - - - Learn more - - - - - This template has light and dark mode support. The{" "} - useColorScheme() hook - lets you inspect what the user's current color scheme is, and so - you can adjust UI colors accordingly. - - - Learn more - - - - - This template includes an example of an animated component. The{" "} - - components/HelloWave.tsx - {" "} - component uses the powerful{" "} - - react-native-reanimated - {" "} - library to create a waving hand animation. - - {Platform.select({ - ios: ( - - The{" "} - - components/ParallaxScrollView.tsx - {" "} - component provides a parallax effect for the header image. - - ), - })} - - - ); -} - -const styles = StyleSheet.create({ - headerImage: { - color: "#808080", - bottom: -90, - left: -35, - position: "absolute", - }, - titleContainer: { - flexDirection: "row", - gap: 8, - }, -}); diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx index 2bd7f0c..a916367 100644 --- a/app/(tabs)/index.tsx +++ b/app/(tabs)/index.tsx @@ -146,7 +146,7 @@ export default function HomeScreen() { longitude: point.lon, }} zIndex={50} - radius={20} // Tăng từ 50 → 1000m + radius={200} // Tăng từ 50 → 1000m fillColor="rgba(241, 12, 65, 0.8)" // Tăng opacity từ 0.06 → 0.8 strokeColor="rgba(221, 240, 15, 0.8)" strokeWidth={2} diff --git a/components/tripInfo/style/TripCostTable.styles.ts b/components/tripInfo/style/TripCostTable.styles.ts index a7096a2..269d3a4 100644 --- a/components/tripInfo/style/TripCostTable.styles.ts +++ b/components/tripInfo/style/TripCostTable.styles.ts @@ -26,6 +26,7 @@ const styles = StyleSheet.create({ borderBottomWidth: 0.5, borderColor: "#ddd", paddingVertical: 8, + paddingLeft: 15, }, cell: { flex: 1,