«react-native» 태그된 질문

React Native에서 양식을 만들고 TextInput있으며 화면 너비의 80 % 를 만들고 싶습니다 . HTML과 일반 CSS를 사용하면 간단합니다. input { display: block; width: 80%; margin: auto; } React Native는 display속성, 백분율 너비 또는 자동 여백을 지원하지 않습니다 . 그래서 대신 무엇을해야합니까? 거기에 이 문제의 논의 원주민의 이슈 트래커 반응에서,하지만 제안 …

98 javascript  css  reactjs  react-native 

저는 React를 처음 접했고 컴포넌트 기반 인라인 스타일의 이점을 이해합니다. 그러나 일종의 글로벌 스타일을 가질 수있는 적절한 방법이 있는지 궁금합니다. 예를 들어 앱 전체에서 동일한 텍스트 및 버튼 색상을 사용하고 싶습니다. 모든 구성 요소에서 반복하는 대신 (필요한 경우 x 위치에서 변경해야 함) 초기 생각은 자체 파일에 '기본'StyleSheet 클래스를 만들어 내 …

96 react-native 

React Native에서 borderRadius작동하지만 버튼에 지정된 배경색은 사각형으로 유지됩니다. 여기서 무슨 일이 일어나고 있습니까? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> 스타일 ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...

96 javascript  styles  react-native 

화면 하단에 모든 너비를 차지하는 흰색 막대를 배치하고 싶습니다. 이를 위해 absolute상속 된 flexbox매개 변수 와 함께 위치 지정을 사용하는 것에 대해 생각했습니다 . 다음 코드를 사용하여 다음과 같이 렌더링 합니다 . 내 코드는 다음과 같습니다. var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... …

96 javascript  css  react-native 

React Native 앱에 디버그 전용 UI를 추가하고 싶지만 JavaScript 환경에서 이와 동등한 플래그 RCT_DEBUG나 RCT_DEV컴파일 타임 플래그를 찾을 수 없습니다 . 하나있어? 사용 사례 : 앱에서 시작한 HTTP 요청 수를 표시하는 상태 표시 줄을 추가하고 싶습니다. 분명히 이것은 배송 앱의 일부가 아니지만 개발 및 테스트 중에 내 작업을 확인하는 데 …

95 javascript  ios  react-native 

기본 반응에서,이 버튼을 만들기 위해 적어도 세 가지 방법은 다음과 같습니다 TouchableNativeFeedback, TouchableHighlight그리고 TouchableOpacity. 또한 TouchableWithoutFeedback"언론에 반응하는 모든 요소는 터치시 시각적 피드백을 가져야하기 때문에"사용해서는 안된다고 문서에 명확하게 명시되어 있습니다. TouchableNativeFeedback 은 Android 전용이며 "View를 RCTView의 다른 인스턴스로 대체합니다." TouchableHighlight "보기 계층 구조에보기 추가" TouchableOpacity 는 "보기 계층 구조를 변경하지 않고"작동합니다. …

94 react-native 

div다른 요소에 영향을주지 않고 화면 상단에 막대 를 만들고 중앙에 자식 요소 를 만들고 싶습니다 . .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> 코드 조각 실행결과 숨기기스 니펫 확장 position: absolute라인을 추가하면 justify-content: center무효가됩니다. 그들은 서로 충돌하고 있으며 해결책은 무엇입니까? 편집하다 고마워요 부모 …

93 css  react-native  flexbox 

이것은 내 프로젝트 : https://github.com/kenpeter/my_hak_news 의 직접 복사입니다 https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news 를 실행 한 다음react-native run-android 이 오류가 발생했습니다. * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! …

93 android  reactjs  react-native 

다음 문제의 원인은 무엇입니까? 내 Android SDK 버전이 지원되지 않습니까? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native 

내 프로젝트에 타사 라이브러리를 설치했지만 작동하지 않아 내 프로젝트에서 해당 라이브러리를 삭제하고 싶습니다. 어떻게해야합니까?

92 react-native 

position:absolute사용 중에는 justifyContent또는 을 사용하여 요소를 중앙에 배치 할 수없는 것 같습니다 alignItems. 사용할 해결 방법이 marginLeft있지만 장치의 높이와 너비를 감지하는 차원을 사용하더라도 모든 장치에 대해 동일하게 표시되지는 않습니다. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

92 position  react-native  flexbox  absolute 

react-native에 문제가 있습니다. 사용자가 자신의 이메일 주소를 입력 할 수있는 입력 구성 요소 (텍스트 필드와 같은)가 있지만 첫 번째 문자는 항상 대문자 기본값으로 제공되며 대문자가 아닌 문자로 만드는 것은 불가능합니다. 첫 글자도 작게 변경하려면 어떻게해야하나요?

91 react-native  input-field 

네이티브 핸들에 어떻게 반응하는지 또는 반응 형 글꼴을 수행하는지 묻고 싶습니다. 예를 들어, iphone 4s에서는 fontSize : 14가 있고 iPhone 6에서는 fontSize : 18이 있습니다.

91 ios  reactjs  react-native 

네이티브 앱이 창을 자동으로 스크롤하는이 해킹을 보았지만 React Native에서 가장 좋은 방법이 궁금합니다. <TextInput>필드가 포커스를 받고 뷰에서 낮은 위치 에 놓이면 키보드가 텍스트 필드를 덮을 것입니다. 이 문제는 예제 UIExplorer의 TextInputExample.js보기 에서 볼 수 있습니다. 누구에게 좋은 해결책이 있습니까?

90 javascript  react-native 

나는 react-native가 처음이며 Android 및 iPhone의 Chrome과 같은 기본 브라우저 에서 URL 을 열고 싶습니다 . 우리는 내가 원하는 기능과 같은 Android에서 의도를 통해 URL을 엽니 다. 여러 번 검색했지만 Deepklinking 결과를 얻을 수 있습니다.

90 android  ios  react-native