리액트 네이티브
-
스택 네비게이션의 특정 화면에서 탭 네비게이션을 숨기는 방법개인 공부/React Native 2021. 7. 17. 02:09
예시) import { getFocusedRouteNameFromRoute } from "@react-navigation/native"; const ProfileStack = createStackNavigator(); const ProfileNavigator = ({ navigation, route }) => { React.useLayoutEffect(() => { const routeName = getFocusedRouteNameFromRoute(route); if (routeName === "Group") { navigation.setOptions({ tabBarVisible: false }); } else { navigation.setOptions({ tabBarVisible: true }); } ..
-
vector-icons : 리액트 네이티브에서 벡터 아이콘 사용하기개인 공부/React Native 2021. 7. 10. 20:45
import { MaterialCommunityIcons } from '@expo/vector-icons'; vector-icons는 Expo 프로젝트에서 기본으로 설치되는 라이브러리이며 위와 같이 import 해서 사용한다. 이외에도 react-native-vector-icons 라이브러리를 설치하여 벡터 아이콘을 사용할 수도 있다. vector-icons 에서 제공하는 아이콘 목록 @expo/vector-icons directory icons.expo.fyi react-native-vector-icons 공식 깃허브 oblador/react-native-vector-icons Customizable Icons for React Native with support for image source and ..
-
처음 배우는 리액트 네이티브 : 7~8장 정리개인 공부/React Native 2021. 3. 29. 23:03
7장 Context API Context API : 데이터를 전역적으로 관리하고 사용할 수 있도록 하는 기능. 스타일드 컴포넌트가 대표적인 예시이다. Context API를 이용한 전역 상태 관리 일반적으로 리액트 네이티브에서는 데이터는 부모 컴포넌트에서 자식 컴포넌트로 전달된다. 데이터를 사용하는 컴포넌트가 많다면 최상위 컴포넌트(App)에서 상태를 관리하여야 한다. 그러나 이런 방법은 관리하는 상태가 추가되거나 변경되는 경우 과정에 속한 모든 컴포넌트를 찾아서 수정해야 하기 때문에 개발 단계뿐 아니라 유지보수에도 매우 불편하다. Context API를 이용하여 Context를 생성하면 중간 과정의 컴포넌트들을 거치지 않고 데이터를 바로 받아올 수 있다. cosnt Context = createCont..