ネイティブの反応でInstagramのような正方形の写真を作る✨
606 ワード
私は今日私が学んだ何かを共有するつもりです!私は、私が働いているプロジェクトで、いくつかの絵を示す必要がありました.Instagramのように.
研究、私は1つだけの属性を私は私が欲しいものを達成することができました!(スタックオーバーを祝福してください!)そして、それを解決する簡単な方法があることを発見.
─
👾👉 まず第一に、反応ネイティブは、一定の割合でコンポーネントのスタイルを作成するためのサポートをしています.これを使うのは便利です.例えば、同じ形(常に必要なもの)を持っているコンポーネントが欲しい場合に便利です.
👾👉 第2:比率は幅によって定義されます:高さ
👾👉最後にここに行きます:1つにアスペクト比を設定すると、ビューを正方形にする:aspectratio:1
以下はコードの例です.
─
✨👉 これは、幅が高さによって定義されるためです.1 : 1幅と高さは同じです.
✨ 例えば、あなたが16 : 9(標準的なテレビワイドスクリーン比)であるビューを望むならば、あなたはこの資産をセットすることができます:aspectration:16/9
他のアスペクト比でも同じです.✨
✨ コンポーネントとビューについては、画像だけでなく、同じこともできます.
これが私の結果です.✨🐞 そして、とても簡単!☘
─
研究、私は1つだけの属性を私は私が欲しいものを達成することができました!(スタックオーバーを祝福してください!)そして、それを解決する簡単な方法があることを発見.
─
👾👉 まず第一に、反応ネイティブは、一定の割合でコンポーネントのスタイルを作成するためのサポートをしています.これを使うのは便利です.例えば、同じ形(常に必要なもの)を持っているコンポーネントが欲しい場合に便利です.
👾👉 第2:比率は幅によって定義されます:高さ
👾👉最後にここに行きます:1つにアスペクト比を設定すると、ビューを正方形にする:aspectratio:1
以下はコードの例です.
─
✨👉 これは、幅が高さによって定義されるためです.1 : 1幅と高さは同じです.
✨ 例えば、あなたが16 : 9(標準的なテレビワイドスクリーン比)であるビューを望むならば、あなたはこの資産をセットすることができます:aspectration:16/9
他のアスペクト比でも同じです.✨
✨ コンポーネントとビューについては、画像だけでなく、同じこともできます.
これが私の結果です.✨🐞 そして、とても簡単!☘
─
Reference
この問題について(ネイティブの反応でInstagramのような正方形の写真を作る✨), 我々は、より多くの情報をここで見つけました https://dev.to/antoomartini/making-a-square-photo-like-instagram-with-react-native-3h0mテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol