로그인 뷰 및 메인 뷰 구현 #1
Conversation
| <TouchableHighlight onPress={() => setState('feed')}> | ||
| <Image source={require('./assets/article.png')} /> | ||
| </TouchableHighlight> | ||
| <TouchableHighlight onPress={() => setState('org')}> | ||
| <Image source={require('./assets/organization.png')} /> | ||
| </TouchableHighlight> | ||
| <TouchableHighlight onPress={() => setState('notice')}> | ||
| <Image source={require('./assets/notification.png')} /> | ||
| </TouchableHighlight> | ||
| <TouchableHighlight onPress={() => setState('profile')}> | ||
| <Image source={require('./assets/account.png')} /> | ||
| </TouchableHighlight> |
There was a problem hiding this comment.
React Navigation 의 Tab Navigation 으로 구현해 보세요.
https://reactnavigation.org/docs/tab-based-navigation/
아이콘의 경우, Expo 에서 제공하는 아이콘도 고려해 보세요.
https://docs.expo.io/guides/icons/
|
|
||
| export default function App() { | ||
| const [logined, setLogin] = React.useState(true); | ||
| const loginCheck = () => { | ||
| AsyncStorage.getItem('username') |
There was a problem hiding this comment.
https://docs.expo.io/versions/v38.0.0/sdk/securestore/
SecureStore 도 고려해 보세요.
|
제가 2~3년간 개발/유지보수해 온 React Native(Expo) 앱 입니다. 소스코드 참고해 보시면 많은 도움이 될겁니다. 제가 커멘트 단 부분 한번 수정해 보시고 추가 커밋을 동일 브랜치( |
There was a problem hiding this comment.
일단은 승인해 드리겠습니다. 추후에 아래와 같은 부분을 작업해 보시기 바랍니다.
- 메인화면 하단 바 React Navigation의 Tabbar 로 구현. 아이콘은 비트맵 이미지가 아닌 Expo 제공 벡터 아이콘 팩 활용
- 로그인 성공 시 세션 값 SecureStore 에 저장
- 로그인 성공하면 메인 화면으로 이동
https://docs.expo.io/guides/icons/
https://docs.expo.io/versions/latest/sdk/securestore/
https://reactnavigation.org/docs/hello-react-navigation
https://reactnavigation.org/docs/navigating
https://reactnavigation.org/docs/auth-flow
https://reactnavigation.org/docs/tab-based-navigation
로그인 뷰와 메인 뷰의 대략적인 레이아웃을 잡았습니다.