react native

axios

axios 에 매번 하단 정보를 담지 말고 하나의 모듈을 만들어서 재사용 하도록 한다.

import axios from 'axios';

const API = axios.create({
  baseURL: 'http://IP:3000',
  headers: {
    'Content-Type': 'application/json',
  },
});
export default API;

axios 전송시 ERROR [AxiosError: Network Error] 가 발생하는 경우가 있다.
이 경우, ip 를 로컬의 실제 IP 로 바꾸면 해결된다.

https://velog.io/@tkdgus0127/REACT-NATIVE-iOS-localhost-Network-request-failed

---

navigation

import { NavigationContainer } from '@react-navigation/native';

const Stack = createStackNavigator();

const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="signIn" component={SignIn} />
        <Stack.Screen name="signedIn" component={SignedIn} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};
export default App;

---

tag

• View
• Text
• TextInput
• TouchableOpacity

---

style

import {View, Text, Button, StyleSheet} from 'react-native';

const App = () => {
  return (
    <View style={styles.container}>
    </View>
  );
};

// React Native Styles
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

justifyContent: 세로 줄의 중간 정렬
alignItems: 가로 줄의 중간 정렬