prostudy

reactive native를 위한 단순한 동기식 스토리지 옵션이 있는가? 내 리액션 네이티브 앱의 동기식 스토리지 사용 사례가 있다. 앱이 홈 보기를 렌더링하기 전에 로컬 스토리지에 저장된 세션 토큰이 있는지 확인하고 사용 가능한지 계속 진행하거나, 그렇지 않으면 로그인 구성 요소를 초기 보기로 렌더링하고 싶다. 동기화 저장소를 사용하면 코드가 단순화된다.나는 단순한 동기식 스토리지 옵션이 없다고 생각한다.이 답변에 따르면 핵심 IOS javascript 엔진에는 로컬 스토리지가 구현되지 않는다.AFAIK는 이 로컬 스토리지 폴리필에 사용되는 옵션과 같은 다른 옵션은 작동하지 않는다.그것은 우리에게 설계상 비동기적인 반응형 네이티브 모듈이 필요하게 만든다.문서에서: Resact Native bridge..

Resact Native 벡터 아이콘을 사용하는 방법? 방금 이 기능과 함께 Resact Native 벡터 아이콘을 설치했는데, npm install react-native-vector-icons 하지만 만약 내가 그것을 인덱스 앤드로이드에 사용한다면.js 나는 아이콘 대신 중앙에 X가 있는 사각형을 받는다. 왜? 편집: "npm install reactive-native-벡터-icons --save"를 사용하여 설치하려고 하면 다음 오류가 표시됨: C:\Users\xrobot\Desktop\React Native\AwesomeProject>npm install react-native-vector-icons --save npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C..

MacOS에서 터미널 대신 iTerm에서 반응형 런-ios를 여는 방법 어떻게 하면 누군가가react-native run-iosOSX에서 터미널 대신 iTerm에서 실행하시겠습니까?기본적으로 새로운 터미널 창을 열지만 터미널은 iTerm만큼 내 창 관리자와는 잘 작동하지 않는다.대니얼의 해결책은 효과가 있었지만, 내가 다시 설치하자마자node_modules작동을 멈췄다. 변경을 지속하려면 마우스 오른쪽 버튼을 클릭하십시오.launchPackager.command에node_modules/react-native/scripts/[정보 가져오기]를 선택하십시오.그런 다음 "열기:" 섹션을 iTerm으로 변경하고Change All… 패키지 프로그램은 실행으로 시작됨open $PROJECT/node_modules/..

React Navigator(탐색 반응) 버튼을 사용하여 모달 화면을 푸시하는 방법 React Navigation 탭 네비게이터 https://reactnavigation.org/docs/navigators/tab을 사용하여 탭 버튼 중 하나를 전체 화면 모달로 위로 푸시하려면 어떻게 해야 하는가?스택 네비게이터가mode=modal옵션의를 클릭할 때 해당 모드를 사용하려면 어떻게 해야 하는가?TakePhoto탭 단추?현재 이 항목을 클릭하면 하단의 탭 막대가 여전히 표시된다. const MyApp = TabNavigator({ Home: { screen: MyHomeScreen, }, TakePhoto: { screen: PhotoPickerScreen, // how can I have this scre..

대응 탐색 탐색기 내의 구성요소로 소품을 전달하는 방법 전화를 통해 소품을 포장한 부품에 전달하려고 한다.create...Navigator전화, 즉 // Search.js const Navigator = createMaterialTopTabNavigator({ Wines, Stores, Vineyards, Restaurants }); // Somewhere in render()... 나는 어떻게 하면 매개 변수를 에 전달해 줄 수 있는지 알아내려고 한다.Wines/Stores/ 등으로부터 구성 요소Search구성 요소(위)내가 문서를 읽어봤는데 쉽게 할 수 있을 것 같아.navigation.navigate어떤 대상을 통과해서, 그러나 나는 이 특정한 방법으로 그것을 어떻게 해야 할지 잘 모르겠다.누가 좀..

기본 일시 중지/재생 GIF 반응 나는 리액트 네이티브에서 사용하고 싶은 애니메이션 GIF가 있어.앱에 내장되어 있고, 게임을 하고 있지만 이벤트를 기준으로 GIF를 일시 중지/재생할 수 있는 기능이 있었으면 좋겠다. 현재 Resact Native에서 이 작업을 수행하는 방법이 있는가?나는 MP4를 사용함으로써 이것을 할 수 있다는 것을 이해하지만, GIF는 투명성을 사용할 수 있기 때문에 가능하다면 유지하고 싶다.내가 아는 가장 가까운 것은lottie-react-native여기서 더 많은 신들을 얻으십시오.여기엔 애니메이션을 제어하는 많은 소품들이 있다. 이것이 도움이 되기를!일시 중지가 활성화되었을 때 표시할 대체 정적 이미지를 제공하고 gif를 숨길 수 있다.참조URL: https://stackov..

기본 반응 보기에 레이아웃 강제 적용 I have a react NativeViewa를 포함하는Text필드, 그리고 나는 그것이 제공하는 데이터에 의존하는 위치 계산을 위해 onLayout 소품을 사용하고 있다. {this.props.content} 이것은 잘 먹히지만, 그 다음이 되는 시나리오는 있다.content동일한 문자 크기의 다른 문자열에 대한 업데이트를 지원하십시오.이로 인해 레이아웃이 변경되지 않고onLayout트리거링하지 않음. 이러한 위치 계산은 매번content업데이트 지원 참고: 구성 요소를 업데이트하는 많은 방법이 있다는 것을 알고 있다.업데이트는 레이아웃과 다르며 슬프게도 트리거되지 않음onLayout.내용에 따라 고유한 키를 가질 수 있다.구성요소의 주요 속성이 변경될 때마다 그..

화살표는 비동기 기능과 함께 반응하여 네이티브 대기 데이터를 저장하려고 하는 경우AsyncStorage에react-native비동기식으로 저장해서async그리고await키워드 async onPositiveClickListener = () => { // user has completed product tour_end try { await AsyncStorage.setItem("@ProductTour:key", "true"); const { navigate } = this.props.navigation; navigate("DashboardScreen"); } catch (error) { console.log(error); } }; 프로그램을 저장하는 중 오류가 발생함 SyntaxError: Unexpecte..

웹 뷰에서 터치가 Apple Pencle인지 핑거인지 탐지(원본 리액트) 사파리 모바일에서 터치는 다음을 사용하여 Apple Pencle 대 기타(손가락/마우스)로 분류할 수 있다. event.touches[0].touchType === 'stylus' //pencil event.touches[0].touchType !== 'stylus' //other 그러나 반응 네이티브 웹뷰에서 수신된 모든 이벤트(애플 펜슬과 핑거 사용)는 다음과 같이 수신된다. touchType === 'direct' //inside webview, both pencil and other 웹 뷰에서 Apple Pencle의 터치감을 감지하는 방법은? 보아하니event.touches[0] > 0또 다른 가능성은 있지만 이 또한0웹 ..

기본 벡터 아이콘에 반응하여 여러 파일에서 아이콘을 가져오는 방법 동일한 파일에서 반응하는 네이티브 벡터 아이콘에서 Ionicons 및 MaterialDesign 아이콘을 사용하려면 어떻게 가져와야 하는가? import Icon from 'react-native-vector-icons/MaterialIcons'; (및) import Icon from 'react-native-vector-icons/Ionicons'; 같은 줄로원본 파일을 살펴본 후, 나는 아이콘이 다음과 같이 내보내졌다는 것을 알았다. export default iconSet 임의의 이름을 사용하여 가져오십시오. 이 경우 최종 코드는 다음과 같다. import MaterialIcon from 'react-native-vector-icon..