Icon2 React Native - 기본 Template Component 만들기(2) 이전 포스트에 이어서 기본 템플릿으로 좀 더 복잡한 컴포넌트를 만들어 보겠습니다. 1. Button버튼 명칭, 버튼 선택시 동작 함수, 버튼 선택범위 값(hipslop)을 props로 넘겨줌hipslop 은 버튼의 선택범위를 조절할 수 있는 것으로 props로 넘겨주지 않으면 기본값으로 '0' 을 지정하도록 함import React, { Component } from 'react';import { Pressable } from 'react-native';export default class Button extends Component { render() { return ( {this.props.children} ) }} 2. Icon기본적으로 가장 .. 2024. 11. 12. React Native 앱개발 - Expo Icon 사용하기 리액트 네이티브 앱을 Expo를 이용해서 개발시 앱에서 많이 사용하는 Icon 이용방법에 대한 설명입니다. 1. 패키지 설치Expo 를 통한 프로젝트 만들 때 npx create-expo-app 으로 시작할 때@expo/vector-icons 라이브러리도 같이 설치됨따라서 별도의 라이브러리 추가 설치 없이 사용 가능2. 기본 Icon Set 사용 가. Icon 검색 가능한 페이지를 제공 https://icons.expo.fyi/Index @expo/vector-icons directory icons.expo.fyi 필요한 Icon 이름을 검색하거나 Filters 에서 선호하는 Icon Sets 를 선택하여 확인 가능예시로 가장 많이 이용하는 Ionicons 를 선택하여 조회 나.. 2024. 8. 19. 이전 1 다음 반응형
