movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: settingsscreen placeholder stuff

Browse Source
This commit is contained in:
Adrian Castro
2024-03-05 20:13:13 +01:00
parent 0dbfd4c2be
commit c65b2a8228
4 changed files with 92 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/expo/src/app/(tabs)/settings.tsx
View File

@@ -1,10 +1,22 @@
import React, { useState } from "react";
import { Text, View } from "react-native";
import { Switch } from "react-native-paper";
import ScreenLayout from "~/components/layout/ScreenLayout";
import { Text } from "~/components/ui/Text";
export default function SettingsScreen() {
const [isSwitchOn, setIsSwitchOn] = useState(true);
const onToggleSwitch = () => setIsSwitchOn(!isSwitchOn);
return (
<ScreenLayout title="Settings">
<Text>Settings tab</Text>
<View className="p-4">
<Text className="mb-4 text-lg font-bold text-gray-300">Player</Text>
<View className="flex-row items-center justify-between rounded-lg border border-gray-300 px-4 py-2">
<Text className="text-md text-gray-300">Gesture Controls</Text>
<Switch value={isSwitchOn} onValueChange={onToggleSwitch} />
</View>
</View>
</ScreenLayout>
);
}