ScrollView inside scrollview?

I am trying to create an instant messaging app, similar to Messages on iOS. So I have

<StackLayout>
    <ScrollView x:Name="ScrollViewMessages" VerticalOptions="FillAndExpand">
        <StackLayout x:Name="StackLayoutMessages" VerticalOptions="FillAndExpand">
            <StackLayout Padding="20,0,0,0">
                <Editor Text="This is a test from the sender." BackgroundColor="#9ec7f5" IsEnabled="false" />
            </StackLayout>
            <StackLayout Padding="0,0,20,0">
                <Editor Text="This is a test from the receiver." BackgroundColor="#d9d9d9" IsEnabled="false" />
            </StackLayout>
        </StackLayout>
    </ScrollView>
    <Editor BackgroundColor="Black" />
</StackLayout>

for my basic layout. However, I keep running into issues when I use the entry. The iOS keyboard covers it up. When I put everything into a scrollview, it ruins the scrollview for the messaging. I have attached images for clarity.