まず、flexには
・flex container（親）
・flex item（子)
の二種類が存在します.（両者はコード上ではどちらもflexと表記します。）
この二つは親子の関係にあり、flex item(子)の中に新たなflex item（子）を書いた場合はこの二つも親子の関係になります。すなわち、flex item(子)はflex container(親)にもなり得るわけです。
次のコードを見てみましょう。
App.js（２階層、つまり親子の関係のみ）
<View style={{flex: 1}}> #親
<View style={{flex: 1}}> </View> #子
<View style={{flex: 2}}> </View> #子
<View style={{flex: 3}}> </View> #子
</View>
このコードでは親子関係のみです。つまり第一階層がflex container、第二階層がflex itemに当たります。
App.js（３階層、つまり親子孫の関係、または親子の関係が二つ）
<View style={{flex: 1}}> #親
<View style={{flex: 1}}> #子(一個下の階層との関係ではflex containerつまり親にもなり得る）
<View style={{flex: 1}}> </View> #孫
<View style={{flex: 2}}> </View> #孫
<View style={{flex: 3}}> </View> #孫
</View>
<View style={{flex: 2}}> </View> #子
<View style={{flex: 3}}> </View> #子
</View>
このコードでは親子孫の関係があります。第一階層は親、第二階層は子（または親とも見なせる）、第三階層は子（第一階層からすれば孫）です。
そしてここが一番重要な部分ですが、
・同階層にflexを持つ’‘などが"複数"ある場合は、そのflexの数の比率で画面を分割します。
例えば最初の例では全画面が（デフォルトでは上から1:2:3)に分割されます。
また、二つ目の例では全画面が1:2:3に分割された後、３分割のうち一番上の領域がさらに1:2:3に分割されます。なので領域は全部で５つ生じます（サイズ比は1:2:3:12:18)になります。
・同階層にflexを持つ’‘などが"一つだけ"ある場合は、そのflexの数字自体には何の意味もありません。どんな数字でもいいので入れておけばオッケーです。（逆にflexを与えないと画面が真っ白になってしまいます。）
その後同階層に二つ目以降のなどを付け加えた時に初めて、画面をその比率で分割するという意味を持つようになります。
説明は以上です。最後まで読んでいただいてありがとうございました。少しでも参考になれば幸いです！