react-nativeとexpoでtodoアプリを作成し公開しました。
→ TodoApp
知り合いに感想を聞いたら「ボタンのスタイルが崩れている」と教えてもらい、知り合いのiPhoneで開いたtodoアプリを確認すると確かにボタンのスタイルが崩れていました。
経緯
アプリはiosシュミレータとiPhone実機でスタイルを確認しながら作成しました。
作成時からシュミレータと実機で表示されるレイアウトが違っていました。
実機用にwidthを設定するとシュミレータでの表示が崩れ、シュミレータ用にwidthを設定すると実機での表示が崩れます。具体的にはボタンのスタイルなのですが、実機ではwidth:140でちょうど良いのが、シュミレータだとwhidth:158がちょうど良いといった具合です。
最終的にアプリを使うのは実機上なので、実機の表示に合わせてwidthを設定していたのですが、知り合いに上記の指摘をされました。確認すると実機用にwidthを設定したはずなのに、レイアウトが崩れていました。
知り合いのiPhoneに表示されるスタイル↓
私のiPhoneに表示されるスタイル↓
これは上記のリンクからexpoアプリで表示した画像ですが、同じアプリなのに知り合いの表示ではボタンのレイアウトが崩れており、私のiPhoneでは画像のようにちゃんと表示されているのです。
試しに「シュミレータで綺麗に表示されるwidth」に設定し直して公開し、知り合いに再度開いてもらうとちゃんと表示されましたが、私のiPhoneではボタンのwidthが少し余りおかしい感じになりました。
質問
①iosシュミレータと実機でレイアウトが違うというのはよくあることですか?
私の場合はswiftではなくreact-nativeで作成したので、もしreact-nativeで作成して同じ経験がある方がいれば教えてください。swiftで同じ経験をしたという方も是非お願いします。
②何故同じアプリを開いているのにレイアウトが異なるということが起きたのか分かる方・予想のつく方はいますか?こういうことはreact-native, swift問わず、よくあることなのでしょうか?
今公開しているのは「iPhone用にスタイルを設定した」アプリです。
私のiPhoneではボタンのスタイルは正しく表示されています。
もしよければ、上記のリンクからアプリを開き、ボタンのレイアウトがどのように表示されたのか(私の知り合いのように崩れて表示されたのか、それとも正常に表示されたか)だけでも教えていただければと思います。
説明が長いのですが、回答よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/09/08 04:02