私は反応ネイティブでアプリケーションを開発しています。私はiPhone 6でうまく動作するUIを作ったが、iPhone 5以降のバージョンでうまく動作しない。 これはどのように修正する必要がありますか?反応するネイティブで異なる画面サイズを処理する方法は?
5
A
答えて
3
固定幅と高さを使用してアプリをデザインしましたか?あなたは間違いなくflexboxの機能を使用し、可能な限り固定サイズの設定を避けてください。 flex propertyは、<View />
が他のものに関連してどれくらいのスペースを使用するかを定義するために使用でき、そのページの他のプロパティを使用して、さまざまな画面サイズの範囲で望ましい結果を得られるように柔軟に要素をレイアウトできます。
場合によっては<ScrollView />
が必要な場合もあります。
固定サイズが必要な場合は、Dimensions.get('window')
を使用できます。
5
画面サイズに応じて動的にサイズを計算する必要があります。
import { Dimensions, StyleSheet } from 'react-native'
[...]
const { width, height } = Dimensions.get('window')
[...]
const styles = StyleSheet.create({
container: {
flex: 1.
flexDirection: 'column',
},
myView: {
width: width * 0.8, // 80% of screen's width
height: height * 0.2 // 20% of screen's height
}
})
あなたはDimensions.get('window')
はあなた全体画面の高さを与えることを覚えて、TabbarIOS
を使用している場合、これはあなたがタブバーは、例えばだから、56 の高さを固定していることを考慮に取る必要がありますことを意味し、使用時TabbarIOS
:
const WIDTH = Dimensions.get('window').width,
HEIGHT = Dimensions.get('window').height - 56
次に、上記のようにWIDTHとHEIGHTを使用します。
関連する問題
- 1. 反応したネイティブの異なる画面で画像のサイズを変更するには
- 2. 処理中の画面サイズと画像が異なる
- 3. 反応するネイティブ:画面にアクションを渡す方法(Reduxなし)
- 4. 反応ネイティブでJSON配列を反復処理する
- 5. 異なるサイズの画面に対する反応的な表のレイアウトandroid
- 6. 画面が反応しないネイティブでナビゲートする
- 7. リアクト - ネイティブ:TransformErrorを処理バベル・プリセット・反応するネイティブ/ index.js
- 8. 画面をナビゲートする - ネイティブに反応する
- 9. 画面サイズに応じて異なるサイズの画像を使用する方法は?
- 10. ネイティブに反応 - ある画面を別の画面にプッシュする
- 11. 画面上のテキストを反応ネイティブでセンタリングする
- 12. divを画面サイズに反応しないようにする方法
- 13. 反応ネイティブとレビュックスと反応ネイティブマップで複数のリクエストを処理する
- 14. width = '100%'ネイティブの幅が最大画面のサイズより小さい画像のネイティブで反応する
- 15. 反応したネイティブでJSONを繰り返し処理する
- 16. 異なる画面サイズ
- 17. ASP.Net、異なるサイズの画面でWebサイトのサイズを修正する方法
- 18. インタラクティブホワイトボードアプリケーションでは画面サイズが異なる
- 19. スワイパースライダー - 異なるサイズの画面に対応する画像を設定する
- 20. 動画を反応ネイティブでアップロードする
- 21. 反応ネイティブのスプラッシュ画面の設定
- 22. 反応ネイティブの画面へのナビゲート
- 23. ネイティブに反応するかネイティブで反応を開始する
- 24. ネイティブ検出画面の回転に反応する
- 25. ネイティブの空白の画面に反応する
- 26. 常にネイティブの空の画面に反応する
- 27. レスポンシブな画像 - 異なる画面サイズで画像のサイズを変更する
- 28. 画面サイズに応じて異なるホームページを読み込む方法
- 29. 反応したネイティブ領域の画像の処理
- 30. 異なる画面サイズの画像マッピング。
これは複数のデバイスでは機能しません(実際は正確ではありません) –
これはうまくいかないと思っていますか?それは私のためによく働いているようです(少なくともアンドロイドで) – Philberg