'CULTIVATE' 프로젝트 ~ing

리액트 네이티브 새로고침

tab screen 이동할 때 새로고침하는 부분을 넣어주어 저장과 삭제가 자동 반영되도록 해주었다.

Tab.Screen 옵션에unmountOnBlur: true 를 넣어주어 탭 이동시 자동 새로고침이 되도록 한다:)

• 디테일 페이지에서 티켓을 저장하게되면 어차피 마이티켓페이지로 탭 이동을 해야 볼수있으니 적용 가능
• 삭제구현시, 삭제 완료하면 네비 이동을 마이 티켓으로 해두면 탭 이동이 되는 것이므로 이 부분도 새로고침 적용 가능 -> 라고 간단히 생각했는데 삭제는 모달에 있는거고 처음부터 티켓창에 있는거라 네비게이션이 안 움직인다;.. 메인이나 카테고리 페이지로 설정을 해두면, 모달창도 바로 사라지고 이동이 잘되는데,,, 하...

<Tab.Screen
        options={{
          title: '관심티켓',
          unmountOnBlur: true,
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="ticket" size={size} color={color} />
          ),
          tabBarActiveTintColor: BLUE_COLOR,
        }}
        name="MyTickets"
        component={MyTickets}
      />

->엄청 찾아보고 난리치던거와는 다르게 해결방법은 간단했다. 우리 팀 최고!(13일 트러블 슈팅에 적어둠)

관심티켓 페이지 다크모드 구현하기

1. theme 설정을 따로 해주고 아래 코드로 적용하기

color: ${(props) => props.theme.color.title};

2.네이티브에서 스타일-컴퍼넌트가 안 먹는 부분은 isDark로 해주기

const isDark = useColorScheme() === 'dark';

color={isDark ? '#ffffff' : '#272727'}