title: Best order for KeyboardAvoidingView, SafeAreaView and ScrollView
body: <p>I use react native to create a mobile app. I handle keyboard position in my screens by using KeyboardAvoidingView, SafeAreaView and ScrollView.
  I use this order to manage Keyboard position :</p>
  
  <pre><code>&lt;KeyboardAvoidingView style={{ flex: 1 }} behavior="padding" enabled&gt;
          &lt;SafeAreaView&gt;
            &lt;ScrollView&gt;
              &lt;Header
                leftComponent={{
                  icon: "cancel",
                  color: "#fff",
                  size: 30,
                  onPress: () =&gt; navigate("Dashboard")
                }}
                centerComponent={{ text: "Ajouter une demande", style: { color: "#fff", fontSize: 18 } }}
                rightComponent={{
                  icon: "help",
                  color: "#fff",
                  size: 30,
                  fontWeight: "bold",
                  onPress: () =&gt; Alert.alert("En cours de développement")
                }}
                backgroundColor="rgba(82, 159, 197, 1)"
                // outerContainerStyles={{ height: Platform.OS === "ios" ? 70 : 70 - 24 }}
                containerStyle={
                  {
                    // marginTop: Platform.OS === "ios" ? 0 : 15
                  }
                }
              /&gt;
              &lt;View&gt;
                &lt;Input placeholder="INPUT WITH CUSTOM ICON" leftIcon={&lt;Icon name="user" size={24} color="black" /&gt;} /&gt;
              &lt;/View&gt;
            &lt;/ScrollView&gt;
          &lt;/SafeAreaView&gt;
        &lt;/KeyboardAvoidingView&gt;
  </code></pre>
  
  <p>My question is : what's the best order to use those 3 components to avoid a best keyboard position </p>