Jannex
/
expo-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added two thumb slider for device auto brightness

main
alex 2023-08-15 10:21:41 +00:00
parent 6eca86355c
commit ed3b92fafb
1 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/Screens/Device/settings.js
View File

@ -14,17 +14,13 @@ import { useTranslation } from "react-i18next";
import MySwitch from "../../Components/Switch"; import MySwitch from "../../Components/Switch";
import MyButton, { MyIconButton } from "../../Components/Button"; import MyButton, { MyIconButton } from "../../Components/Button";
import { MyBottomSheetModal } from "../../Components/Modal"; import { MyBottomSheetModal } from "../../Components/Modal";
import { Slider } from "@miblanchard/react-native-slider"; import { MyTwoThumbsSlider } from "../../Components/Slider";
import {
MySliderContainer,
MyTwoThumbsSlider,
SliderContainer,
} from "../../Components/Slider";
export default function SettingsView({ navigation }) { export default function SettingsView({ navigation }) {
const appContext = useContext(AppContext); const appContext = useContext(AppContext);
const { t } = useTranslation(); const { t } = useTranslation();
const [switchState, setSwitchState] = useState(false); const [switchWifiStandby, setSwitchWifiStandby] = useState(false);
const [switchAutoBrightness, setSwitchAutoBrightness] = useState(false);
const [textDeviceIdHidden, setTextDeviceIdHidden] = useState(true); const [textDeviceIdHidden, setTextDeviceIdHidden] = useState(true);
const [textDeviceMacAddressHidden, setTextDeviceMacAddressHidden] = const [textDeviceMacAddressHidden, setTextDeviceMacAddressHidden] =
useState(true); useState(true);
@ -113,19 +109,33 @@ export default function SettingsView({ navigation }) {
/> />
<MySwitch <MySwitch
value={switchState} value={switchWifiStandby}
onValueChange={(e) => setSwitchState(e)} onValueChange={(e) => setSwitchWifiStandby(e)}
/> />
</View> </View>
<Divider /> <Divider />
<SettingsText <View
title={t("screens.device.settings.deviceAutoBrightnessTitle")} style={{
description={t( flexDirection: "row",
"screens.device.settings.deviceAutoBrightnessDescription" alignItems: "center",
)} justifyContent: "space-between",
/> }}
>
<SettingsText
containerStyle={{ width: "80%" }}
title={t("screens.device.settings.deviceAutoBrightnessTitle")}
description={t(
"screens.device.settings.deviceAutoBrightnessDescription"
)}
/>
<MySwitch
value={switchAutoBrightness}
onValueChange={(e) => setSwitchAutoBrightness(e)}
/>
</View>
<MyTwoThumbsSlider <MyTwoThumbsSlider
appContext={appContext} appContext={appContext}