728x90 반응형 리액트네이티브38 리액트네이티브 - <Text></Text> 몇줄로 보일지 지정해서 줄 넘어가면 생략하기 numberOfLines={1} //1줄로 보이고 ellipsizeMode="tail" //줄 넘어가면 뒤에 ...으로 생략 다른값은 아래 링크에서 확인 https://facebook.github.io/react-native/docs/text#ellipsizemode 2020. 1. 27. 리액트 네이티브 - 웹뷰 스크롤 작동 안할때 (react native webview scroll not working) TouchableWithoutFeedback 로 감싸주면 문제해결! 정확한 원인은 모르겠다..... 아래 링크보고 한번해보니까 됐다.. { console.error(error); }} /> 참고 https://stackoverflow.com/questions/52901404/react-native-android-issue-with-webview-scroll 2020. 1. 27. scrollView 또는 flatList 등의 스크롤리스트에서 스크롤시 특정 아이템 sticky 만들기 아래와 같이 두줄을 추가하면 0번째 아이템이 헤더로 붙어있는상태로 스크롤된다. stickyHeaderIndices={[0]} // 0번째 index 로지정 showsVerticalScrollIndicator={false} 2020. 1. 27. [React Native]TextInput 클릭시 화면 줄어들지 않고 스크롤되도록 할때 사용하는 KeyboardAwareScrollView 먼저 npm을 이용해 설치 >> npm i react-native-keyboard-aware-scroll-view 사용하는 JS 파일 상단에 import import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; 실제 return(); 부분에 아래와 같이 KeyboardAwareScrollView 로 감싸고 TextInput을 원하는대로 배치한다 이때 style 은 KeyboardAwareScrollView 에 대한 style 이고 contentContainerStyle 은 KeyboardAwareScrollView 안에 가상의 view 가 하나 있다고 생각하고 적용하면 된다. 이때!! 주의할 점은 contentCo.. 2020. 1. 1. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90 반응형