diff --git a/apps/app/ui-tests-app/layouts/main-page.ts b/apps/app/ui-tests-app/layouts/main-page.ts
index 5d0b7adf24..567d2fa013 100644
--- a/apps/app/ui-tests-app/layouts/main-page.ts
+++ b/apps/app/ui-tests-app/layouts/main-page.ts
@@ -23,6 +23,7 @@ export function loadExamples() {
     examples.set("pwrap", "layouts-percent/wrap");
     examples.set("passThroughParent", "layouts/passThroughParent");
     examples.set("stacklayout-6059", "layouts/stacklayout-6059");
+    examples.set("safe-area", "layouts/safe-area");
 
     return examples;
 }
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/layouts/safe-area.xml b/apps/app/ui-tests-app/layouts/safe-area.xml
new file mode 100644
index 0000000000..20dcc777df
--- /dev/null
+++ b/apps/app/ui-tests-app/layouts/safe-area.xml
@@ -0,0 +1,18 @@
+<Page loaded="onLoaded">
+  
+  <GridLayout rows="*, *" columns="*, *" backgroundColor="DarkSlateBlue">
+        <GridLayout row="0" col="0" backgroundColor="Coral">
+            <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
+        </GridLayout>
+        <GridLayout row="1" col="0" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
+            <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
+        </GridLayout>
+        <GridLayout row="0" col="1" backgroundColor="SkyBlue" iosOverflowSafeArea="false">
+            <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
+        </GridLayout>
+        <GridLayout row="1" col="1" backgroundColor="Coral">
+            <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper. Curabitur vel erat convallis, congue sapien vel, consequat augue. Praesent pharetra egestas ante, volutpat bibendum odio placerat nec. Curabitur maximus nibh et semper pharetra. Sed nibh massa, tempus eget orci vitae, aliquet feugiat magna. Sed condimentum sem non eros vulputate rhoncus. Suspendisse maximus neque sed eros ullamcorper, at hendrerit ante sollicitudin." textWrap="true" />
+        </GridLayout>
+    </GridLayout>
+
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/list-view/main-page.ts b/apps/app/ui-tests-app/list-view/main-page.ts
index e467105d84..2265aec8d8 100644
--- a/apps/app/ui-tests-app/list-view/main-page.ts
+++ b/apps/app/ui-tests-app/list-view/main-page.ts
@@ -20,6 +20,7 @@ export function loadExamples() {
     examples.set("row-height", "list-view/row-height");
     examples.set("width-percent", "list-view/width-percent");
     examples.set("item-re-layout", "list-view/item-re-layout");
+    examples.set("safe-area", "list-view/safe-area");
 
     return examples;
 }
diff --git a/apps/app/ui-tests-app/list-view/safe-area.ts b/apps/app/ui-tests-app/list-view/safe-area.ts
new file mode 100644
index 0000000000..37effd751f
--- /dev/null
+++ b/apps/app/ui-tests-app/list-view/safe-area.ts
@@ -0,0 +1,4 @@
+export function onNavigatingTo(args) {
+    const page = args.object;
+    page.bindingContext = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6"];
+}
diff --git a/apps/app/ui-tests-app/list-view/safe-area.xml b/apps/app/ui-tests-app/list-view/safe-area.xml
new file mode 100644
index 0000000000..82f735f027
--- /dev/null
+++ b/apps/app/ui-tests-app/list-view/safe-area.xml
@@ -0,0 +1,16 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" class="page">
+
+    <Page.actionBar>
+        <ActionBar title="My App" icon="" class="action-bar">
+        </ActionBar>
+    </Page.actionBar>
+
+    <ListView items="{{ $value }}" backgroundColor="#003B46">
+        <ListView.itemTemplate>
+            <GridLayout columns="2*, 3*" backgroundColor="#07575B" margin="10">
+                <Image col="0" stretch="aspectFill" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <Label col="1" verticalAlignment="top" color="#C4DFE6" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. " textWrap="true"></Label>
+            </GridLayout>
+        </ListView.itemTemplate>
+    </ListView>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/resources/images/woods.jpg b/apps/app/ui-tests-app/resources/images/woods.jpg
new file mode 100644
index 0000000000..2bdba83927
Binary files /dev/null and b/apps/app/ui-tests-app/resources/images/woods.jpg differ
diff --git a/apps/app/ui-tests-app/scroll-view/main-page.ts b/apps/app/ui-tests-app/scroll-view/main-page.ts
index b453762bb9..d1377c7eeb 100644
--- a/apps/app/ui-tests-app/scroll-view/main-page.ts
+++ b/apps/app/ui-tests-app/scroll-view/main-page.ts
@@ -14,5 +14,7 @@ export function loadExamples() {
     examples.set("scrolling-and-sizing", "scroll-view/scrolling-and-sizing");
     examples.set("safe-area-root-element", "scroll-view/safe-area-root-element");
     examples.set("safe-area-sub-element", "scroll-view/safe-area-sub-element");
+    examples.set("safe-area-images", "scroll-view/safe-area-images");
+    examples.set("safe-area-images-overflow", "scroll-view/safe-area-images-overflow");
     return examples;
 }
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/scroll-view/safe-area-images-overflow.xml b/apps/app/ui-tests-app/scroll-view/safe-area-images-overflow.xml
new file mode 100644
index 0000000000..8d1bc6a099
--- /dev/null
+++ b/apps/app/ui-tests-app/scroll-view/safe-area-images-overflow.xml
@@ -0,0 +1,24 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
+
+    <GridLayout rows="*">
+        <ScrollView row="0" backgroundColor="DarkSlateGray">
+            <StackLayout>
+                <Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="DarkSalmon">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+                <Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="YellowGreen">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+                <Image stretch="aspectFill" iosOverflowSafeArea="true" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="DimGray">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+            </StackLayout>
+        </ScrollView>
+
+        <!-- status bar overlay -->
+        <GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
+    </GridLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/scroll-view/safe-area-images.xml b/apps/app/ui-tests-app/scroll-view/safe-area-images.xml
new file mode 100644
index 0000000000..2e0864e421
--- /dev/null
+++ b/apps/app/ui-tests-app/scroll-view/safe-area-images.xml
@@ -0,0 +1,24 @@
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo" actionBarHidden="true" class="page">
+
+    <GridLayout rows="*">
+        <ScrollView row="0" backgroundColor="DarkSlateGray">
+            <StackLayout>
+                <Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="DarkSalmon">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+                <Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="YellowGreen">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+                <Image stretch="aspectFill" height="200" src="~/ui-tests-app/resources/images/woods.jpg"></Image>
+                <StackLayout backgroundColor="DimGray">
+                    <Label verticalAlignment="top" text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id sem ex. Aenean at ultricies metus, ut tincidunt nunc. Vivamus dictum sem sed ante fermentum, id congue lacus lacinia. Integer bibendum tincidunt quam ornare ullamcorper." textWrap="true" />
+                </StackLayout>
+            </StackLayout>
+        </ScrollView>
+
+        <!-- status bar overlay -->
+        <GridLayout row="0" backgroundColor="White" opacity="0.4" height="0" verticalAlignment="top"></GridLayout>
+    </GridLayout>
+</Page>
\ No newline at end of file