タグ付けされた質問 「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 

私はreact-native-hrパッケージを試しました-私にとってもAndroidでもiOSでも機能しません。 次のコードも、最後に3つのドットをレンダリングするため、適切ではありません。 <Text numberOfLines={1}}> ______________________________________________________________ </Text>

96 react-native 

私はreact-nativeに問題があります。ユーザーが自分のメールアドレスを入力するための入力コンポーネント（テキストフィールドなど）がありますが、最初の文字は常に大文字のデフォルトとして表示され、大文字以外にすることはできません。最初の文字も小さくできるように変更するにはどうすればよいですか？

96 react-native  input-field 

画面下部に全幅を占める白いバーを配置したいと思います。そのためにabsolute、継承されたflexboxパラメータでポジショニングを使用することを考えました。 次のコードで、それはのようなものレンダリングこれを。 これが私のコードです： var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var …

95 javascript  css  react-native 

この私のプロジェクト：https://github.com/kenpeter/my_hak_news、の直接のコピーであるhttps://github.com/grigio/HAgnostic-News。 Gitクローン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! 関連する問題：https：//github.com/grigio/HAgnostic-News/issues/1、私はさまざまな方法に従いますが、この問題を解決できません。

95 android  reactjs  react-native 

ネイティブハンドルにどのように反応するか、またはレスポンシブフォントをどのように実行するかを尋ねたいと思います。たとえば、iphone 4sではfontSize：14ですが、iphone6ではfontSize：18です。

95 ios  reactjs  react-native 

どうすれば<Text />、react nativeで垂直（90度回転）にすることができますか？画面の端に沿ってページの右側にテキストを表示したい。

94 react-native 

ネイティブ反応して、そこにボタンを作成するには、少なくとも3つの方法がある：TouchableNativeFeedback、TouchableHighlightとTouchableOpacity。またTouchableWithoutFeedback、「プレスに反応するすべての要素は、触れたときに視覚的なフィードバックが必要である」ため、ドキュメントには使用すべきではないと明確に記載されているものもあります。 TouchableNativeFeedbackはAndroidのみであり、「ビューをRCTViewの別のインスタンスに置き換えます」 TouchableHighlightは「ビュー階層にビューを追加します」 TouchableOpacityは「ビュー階層を変更せずに」機能します 3つの間に他に重要な違いはありますか？それらの1つはgotoコンポーネントですか？どのような場合に使用TouchableHighlightする必要がありますTouchableOpacityか？パフォーマンスへの影響はありますか？ 私は今アプリケーションを書いていますが、3つすべてがタップとアクション（この場合はナビゲーションの変更）の間にかなりの遅延があることがわかりました。それをよりきびきびとさせる方法はありますか？

94 react-native 

React Nativeアプリにデバッグ専用のUIを追加したいのですが、JavaScript環境で同等のフラグRCT_DEBUGまたはRCT_DEVコンパイル時のフラグが見つかりません。ありますか？ ユースケース：アプリによって開始されたHTTPリクエストの数を示すステータスバーを追加したいと思います。明らかに、これは出荷アプリの一部ではありませんが、開発およびテスト中に自分の作業を確認するのに役立ちます。

93 javascript  ios  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と無効になります。それらは互いに競合しますか、そして、解決策は何ですか？ 編集 みんなありがとう、それは親の幅の問題です。しかし、私はReact Nativeを使用しているため、設定できませんwidth: 100%。しようとしましたflex: 1とalign-self: stretch、両方が動作していません。結局、Dimensionsを使用してウィンドウの全幅を取得し、それが機能しました。 編集 React Nativeの新しいバージョン（私は0.49を使用しています）の時点で、を受け入れますwidth: 100%。

93 css  react-native  flexbox 

私は、新しい内をネイティブに反応していると私はオープンにしたいURLでAndroidとiPhoneでのクロームのようなデフォルトのブラウザの両方。 私が達成したい機能と同じように、Androidでインテントを介してURLを開きます。 何度も検索しましたが、Deepklinkingの結果が表示されます。

93 android  ios  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 

テキスト入力は中央揃えです。左上隅から入力を受け取るようにこのテキスト入力を修正する方法 これがテキスト入力用の私のCSSです /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150 }

91 javascript  ios  reactjs  react-native