[RN] ⚠️ react native web 버그 해결

ch9eri·2023년 2월 25일
0

React Native

목록 보기
4/6

1. ...으로 적용한 style -> 풀어쓰기

기존)

<Text
	style={{
	...styles.btnText,
	color: !isworking ? 'white' : theme.color,
	}}
>

수정)

<Text
	style={{
	fontSize: 38,
	fontWeight: '600',
	color: isworking ? 'white' : theme.color,
	}}
>

2. alert 적용 불가 -> confirm으로 대체

기존)

Alert.alert('Delete To Do', 'Are you sure?', [
        { text: 'Cancel' },
        {
          text: "I'm Sure",
          style: 'destructive',
          onPress: () => {
            const newTodos = { ...todos };
            delete newTodos[key];
            setTodos(newTodos);
            saveTodo(newTodos);
          },
        },
      ]);

수정) Platform.OS === 'web'

if (Platform.OS === 'web') { 
      const ok = confirm('do you want to delete this todo?')
      if (ok) {
        const newTodos = { ...todos };
        delete newTodos[key];
        setTodos(newTodos);
        saveTodo(newTodos);
      }
    }
    else {
      Alert.alert('Delete To Do', 'Are you sure?', [
        { text: 'Cancel' },
        {
          text: "I'm Sure",
          style: 'destructive',
          onPress: () => {
            const newTodos = { ...todos };
            delete newTodos[key];
            setTodos(newTodos);
            saveTodo(newTodos);
          },
        },
      ]);
profile
잘하자!

0개의 댓글