添加角球设置功能,更新状态管理和界面显示逻辑

This commit is contained in:
yuchenglong
2026-01-20 13:56:58 +08:00
parent fa13b3c17d
commit bb3cb3b821
6 changed files with 151 additions and 5 deletions

View File

@@ -37,7 +37,12 @@ const BOOKMAKERS = [
export default function ProfileScreen() {
const { theme, toggleTheme, setTheme, isSystemTheme, useSystemTheme } =
useTheme();
const { state, updateOddsSettings, updateCardsSettings } = useAppState();
const {
state,
updateOddsSettings,
updateCardsSettings,
updateCornerSettings,
} = useAppState();
const { t, i18n } = useTranslation();
const router = useRouter();
const isDark = theme === "dark";
@@ -62,6 +67,13 @@ export default function ProfileScreen() {
});
};
const toggleCorners = () => {
updateCornerSettings({
...state.cornerSettings,
enabled: !state.cornerSettings.enabled,
});
};
const selectBookmaker = (name: string) => {
const current = state.oddsSettings.selectedBookmakers;
let next: string[];
@@ -468,6 +480,38 @@ export default function ProfileScreen() {
</View>
</View>
<ThemedText style={styles.sectionTitle}>
{t("settings.corner_title")}
</ThemedText>
<View
style={[
styles.section,
{ backgroundColor: isDark ? "#1c1c1e" : "#fff" },
]}
>
<View style={styles.settingItem}>
<View style={styles.settingLabel}>
<IconSymbol
name="flag"
size={20}
color={iconColor}
style={{ marginRight: 10 }}
/>
<ThemedText>{t("settings.corner_show")}</ThemedText>
</View>
<View style={styles.settingControl}>
<TouchableOpacity onPress={toggleCorners} style={styles.button}>
<ThemedText>
{state.cornerSettings.enabled
? t("settings.corner_enabled")
: t("settings.corner_disabled")}
</ThemedText>
</TouchableOpacity>
</View>
</View>
</View>
{/* <ThemedText style={styles.sectionTitle}>登录</ThemedText>
<View