TIL 50일차
- 12:00 | React Native Project
Group Project | GoinOne
- 회원가입, 로그인 정규표현식 검사 및 api 통신 구현
- 코인 목록 api 통신 구현
align-self속성을 이용하면 부모에서 요소를 배치하지 않고 자기 스스로 배치할 수 있다.
align-self: auto | flex-start | flex-end | center | baseline | stretch.flex-item {
align-self: flex-end;
}스택 네비게이터 헤더 버튼 설정하기
import { StackActions } from '@react-navigation/native';
import { Ionicons } from '@expo/vector-icons';
navigation.setOptions({
headerTitle: () => <Text>123</Text>,
headerLeft: () => (
<Ionicons
name="ios-arrow-round-back"
size={40}
onPress={() => {
const popAction = StackActions.pop();
navigation.dispatch(popAction);
}}
style={{ marginLeft: 15 }}
/>
)
});navigation.reset({
routes: [{ name: 'MainTabNavigator' }]
});