From af453a57f76acf3e1aad9d0e44f74db2763454a1 Mon Sep 17 00:00:00 2001
From: songchenglin3 <353833373@qq.com>
Date: Tue, 12 Nov 2024 10:01:50 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20harmony=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config.json                            | 2 +-
 src/packages/safearea/demos/taro/demo1.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/config.json b/src/config.json
index f7e8a045d9..acf4bb9b36 100644
--- a/src/config.json
+++ b/src/config.json
@@ -235,7 +235,7 @@
           "author": "hx"
         },
         {
-          "version": "2.0.0",
+          "version": "3.0.0",
           "name": "SafeArea",
           "type": "component",
           "cName": "安全区",
diff --git a/src/packages/safearea/demos/taro/demo1.tsx b/src/packages/safearea/demos/taro/demo1.tsx
index f825a21dff..3302843844 100644
--- a/src/packages/safearea/demos/taro/demo1.tsx
+++ b/src/packages/safearea/demos/taro/demo1.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { View, Text } from '@tarojs/components'
+import { ScrollView, Text } from '@tarojs/components'
 import { SafeArea } from '@nutui/nutui-react-taro'
 
 function generateRandomTextArray(count: number) {
@@ -19,10 +19,10 @@ function generateRandomTextArray(count: number) {
 
 const Demo1 = () => {
   return (
-    <View>
+    <ScrollView>
       <Text>{generateRandomTextArray(900).join(' ')}</Text>
       <SafeArea position="bottom" />
-    </View>
+    </ScrollView>
   )
 }
 

From 54f2c9bc2595af4829d9491b6022d5dc51a1899d Mon Sep 17 00:00:00 2001
From: songchenglin3 <353833373@qq.com>
Date: Wed, 13 Nov 2024 10:32:43 +0800
Subject: [PATCH 2/2] fix: css update

---
 src/packages/safearea/safearea.harmony.css | 2 +-
 src/packages/safearea/safearea.scss        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/packages/safearea/safearea.harmony.css b/src/packages/safearea/safearea.harmony.css
index 60511b3453..17c3f7fd80 100644
--- a/src/packages/safearea/safearea.harmony.css
+++ b/src/packages/safearea/safearea.harmony.css
@@ -1,5 +1,5 @@
 .nut-safe-area {
-  display: block;
+  display: flex;
   width: 100%;
 }
 .nut-safe-area-position-top {
diff --git a/src/packages/safearea/safearea.scss b/src/packages/safearea/safearea.scss
index bbed5d12fa..62b8722282 100644
--- a/src/packages/safearea/safearea.scss
+++ b/src/packages/safearea/safearea.scss
@@ -1,5 +1,5 @@
 .nut-safe-area {
-  display: block;
+  display: flex;
   width: 100%;
 
   &-position-top {