React Native 4

[React Native] ScrollView과 position: absolute를 같이 쓰고 싶을 때 (flex를 이용하는 방법)

목표 각각의 탭을 클릭했을 때 나오는 content가 scrollview이면서 그 scrollview의 position이 absolute이고, zIndex로 해당 scrollview를 보여주고 숨기고를 구현하고 싶었다. 실패 여느 view를 구현하듯이 scrollview에도 position: 'absolute'를 적용했더니, 끝까지 스크롤되지 않았다. 구글링을 많이 해봤지만 통하지 않았다. 해결법 position: 'relative'. 즉 position은 건들지 않고, flex만 건들면 되는 문제였다. height도 설정해줘야 한다. 그렇지 않으면 완전히 겹쳐지지 않는다. 나같은 경우는 1000으로 설정했지만, 실제로 1000까지 스크롤되지는 않는다. 코드 {/* S1 *} {...content} {/..

[React Native / Android] KeyboardAvoidingView를 쓰지 않았는데도 키보드가 레이아웃에 영향을 줄 때

- 원인: 안드로이드는 기본 설정이 adjustResize라 그렇다. adjustNothing으로 바꿔주면 된다. 아래 블로그를 참고하자! https://brunch.co.kr/@hopeless/5 [Android] 키보드가 레이아웃에 영향 안 주게하기 레이아웃을 짜다 보면 소프트 키보드가 레이아웃을 덮어 버려야 하는 경우도 있고, 밀고 올라와야 되는 경우도 있습니다. 아래 그림은 소프트 키보드가 광고영역을 밀고 올라가는 경우입니다. � brunch.co.kr

[React Native] 휴대폰/시뮬레이터 화면의 총 가로/세로 길이를 알아내는 법! => Dimensions

Dimensions를 이용하면 화면의 총 가로 세로 길이를 알 수 있다. constants.js import {Dimensions} from 'react-native'; const {width, height} = Dimensions.get('screen'); export default {width, height}; 파일을 하나 만들어서 여러 컴포넌트에서 활용하자! 앱의 화면을 만들 때 View 의 세로 길이를 휴대폰 기종마다 같은 비율을 적용하고 싶다면 import React from 'react'; import constants from './constants'; const Container = () => ( ); 이런식으로 활용 가능! 도움이 되셨다면 공감/댓글 부탁드려요~

[React Native] react-native-camera 카메라 띄우기, 사진 찍기, 사진 저장하는 법 (react-native-community)

😉 홍보 하나 하겠습니다! 성공적인 루틴 관리를 원하시나요? 지금 바로 스토어에서 "루빗"을 검색해보세요! [ 제가 직접 운영중인 어플입니다 :) ] 루빗 홈페이지 플레이스토어 앱스토어 ✨ 와디즈 펀딩 오픈예정 구경하기 ✨ 와디즈 오픈예정 | 내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요 내 손 안의 매니저 루빗 : 습관, 하루 루틴, 할 일까지 관리해드릴게요 www.wadiz.kr 오늘 사용할 라이브러리 [1] react-native-comminity/react-native-camera (for 카메라 띄우기, 사진 촬영) https://github.com/react-native-community/react-native-camera [ react-native-community..