리액트네이티브 (3) 썸네일형 리스트형 [React-Native] 메모장 iPhone X 이상의 버전에서 태그는 노치 부분까지 화면을 그린다. 태그를 사용하면 된다. 스크롤되는 화면을 그리기 위해서는 태그를 사용하면 된다. 디바이스의 너비는 Dimensions.get('window').width 리스트는 'FlatList' 새 창을 띄울 때는 'Modal' API 사용은 Fetch, Promise 카카오 로그인 API는 expo 환경에서 사용할 수 없다. [React-Native] BuilderX로 쉽고 간편하게 디자인하기 BuilderX BuilderX is a browser based design tool that codes React Native & React for you BuilderX는 리액트와 리액트 네이티브를 코딩하는 브라우저 기반 디자인 툴입니다. BuilderX를 접하게 된 계기는 구글링을 통해서였습니다. 필자는 리액트 네이티브 개발을 공부하면서 편리한 UI/UX 디자인 툴이 없을까 생각하다가 검색을 통해 BuilderX를 발견했습니다. 심플한 첫 화면입니다. 해당 사이트에서 스크롤을 내려보니 소개 사진이 있었습니다, 실행 화면 해당 서비스는 위에서 언급한 대로 프로그램이 아닌 브라우저 기반의 서비스입니다. 브라우저에서 구동됩니다. 사진 캡처를 위해 1분만에 컴포넌트들을 배치해보았습니다. 보시다시피 이미 .. [React-Native] 커스텀 버튼 제작 React-Native 커스텀 버튼 제작 리스트의 컴포넌트를 추가해줄 동그란 + 버튼이 필요했다. 를 이용하여 버튼 효과를 주기로 했다. import React, { Component } from 'react'; import { StyleSheet, TouchableOpacity, Text } from 'react-native'; export default class RoundButton extends Component { render() { return ( {this.props.text} ); } } const styles = StyleSheet.create({ button: { backgroundColor: 'green', alignItems: 'center', justifyContent: 'cent.. 이전 1 다음
