問題タブ [react-native]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ページ付きスクロールビュー内のReact Nativeの柔軟なビューのサイズ変更
React Native で ScrollView (ページングが有効になっている) を使用して、一連の画像をページングしようとしています。スクロールビューの各ページを画像ビューで埋める方法を知っている人はいますか? これまでのところ、画像スタイルの幅と高さの値をハードコーディングすることしかできませんでした。
これが私がやっているおおよそのことです：
画像が表示される唯一の方法は、スタイルに幅/高さの数値をハードコーディングした場合です。Image を曲げて 1 ページ全体を埋めることができませんでした。
ScrollView スタイル:
画像のスタイル:
javascript - フルスクリーンの背景画像を追加する最良の方法は何ですか
ビューにフルスクリーン画像を追加したかったので、このコードを書きます
スタイルを次のように定義しました
しかし、このようにして実際のiPhoneの画面サイズを見つけるにはどうすればよいでしょうか?
ピクセル密度にアクセスするための API を見てきましたが、画面サイズについては何もありません...
javascript - 影をレンダリングするにはどうすればよいですか?
に影をレンダリングするにはどうすればよいViewですか? shadowColor、shadowOffset、shadowOpacity、およびの多くの組み合わせを試しましたが、shadowRadius何もしないようです。設定した他の属性が機能するため、スタイルが正しく適用されていると確信しています。
react-native - 反応ネイティブでコンポーネントの高さを 100% に設定する
スタイルの高さ要素に などの数値を指定できます40が、これらは整数である必要があります。コンポーネントの高さを にする方法を教えて100%ください。
ios - React-Native Examples を実行するには?
「 https://github.com/facebook/react-native/tree/master/Examples」で提供されている他のサンプルのいずれかをインストールして実行する方法に関する説明が見つかりません。 com/facebook/react-native/tree/master/Examples/Movies '.
チュートリアルでは、やるべきことだけを教えてくれます
react-native init AwesomeProject
「https://github.com/facebook/react-native/tree/master/Examples/SampleApp」を取得します。
「react-native」リポジトリ全体を複製してから実行すると
ルート フォルダー (つまり '/react-native') から、Xcode で '/react-native/Examples/Movies/Movies.xcodeproj' を開き、プロジェクトを実行すると、正常にビルドされるようです。シミュレーターが起動し、アプリの「ムービー」イントロ画面が表示されますが、その後、死の赤い画面が表示され、次のものが出力されます。
「npm start」がルート フォルダーで実行されているターミナルでは、次のように出力されます。
react-native - ココアポッドで反応ネイティブを使用する場合の警告
反応ネイティブ プロジェクトでココア ポッドを使用すると、実行時に次の警告が表示されますpod install。誰かが理由を知っていますか？
[!]ターゲットが$(inherited)` フラグで定義され[Debug]たビルド設定をオーバーライドする、または - ターゲットからビルド設定を削除します。OTHER_LDFLAGSPods/Target Support Files/Pods/Pods.debug.xcconfig'. This can lead to problems with the CocoaPods installation
- Use the
react-native - React Native で HTML をレンダリングする
私の React Native アプリでは、次のような未加工の HTML 要素を含む JSON データを取得しています。<p>This is some text. Let’s figure out...</p>
次のように、アプリのビューにデータを追加しました。
<Text>{this.props.content}</Text>
問題は、HTML がそのまま出力され、ブラウザのようにレンダリングされないことです。アプリ ビュー内で、JSON データをブラウザーのように表示する方法はありますか?
javascript - React-Native の Navigator コンポーネントを使用したカスタム ナビゲーション
componentを使用してビュー間のカスタム ナビゲーションを備えたデモ アプリを開発しながら、 React Nativeの可能性を探っていNavigatorます。
メイン アプリ クラスはナビゲーターをレンダリングし、内部でrenderSceneは渡されたコンポーネントを返します。
今のところ、アプリには 2 つのビューが含まれています。
私が理解したいのは：
ログを見ると、「フィードに移動」を押す
/li>renderSceneと、ビューが 1 回正しくレンダリングされるにもかかわらず、複数回呼び出されることがわかります。それはアニメーションの仕組みですか？一般的に、私のアプローチは React の方法に準拠していますか、それともより適切に行うことができますか?
私が達成したいのはNavigatorIOS、ナビゲーションバーのないものと似ています (ただし、一部のビューには独自のカスタムナビゲーションバーがあります)。