diff --git a/driver/js/examples/hippy-react-demo/scripts/hippy-webpack.web-renderer.dev.js b/driver/js/examples/hippy-react-demo/scripts/hippy-webpack.web-renderer.dev.js
index eddabd07d96..793d00bb4ba 100644
--- a/driver/js/examples/hippy-react-demo/scripts/hippy-webpack.web-renderer.dev.js
+++ b/driver/js/examples/hippy-react-demo/scripts/hippy-webpack.web-renderer.dev.js
@@ -35,7 +35,11 @@ module.exports = {
       template: path.resolve('./public/index.html'),
     }),
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify('development'),
+      'process.env': {
+        NODE_ENV: JSON.stringify('development'),
+        HOST: JSON.stringify(process.env.DEV_HOST || '127.0.0.1'),
+        PORT: JSON.stringify(process.env.DEV_PORT || 3000),
+      },
       __PLATFORM__: JSON.stringify(platform),
     }),
     new CaseSensitivePathsPlugin(),
diff --git a/driver/js/examples/hippy-react-demo/src/modules/Animation/index.jsx b/driver/js/examples/hippy-react-demo/src/modules/Animation/index.jsx
index 6f48554bea4..866eed69e7b 100644
--- a/driver/js/examples/hippy-react-demo/src/modules/Animation/index.jsx
+++ b/driver/js/examples/hippy-react-demo/src/modules/Animation/index.jsx
@@ -154,6 +154,7 @@ export default class AnimationExample extends React.Component {
             duration: 2000,
             delay: 0,
             mode: 'timing',
+            valueType: 'deg',
             timingFunction: 'linear',
           }),
           follow: false, // 配置子动画的执行是否跟随执行
@@ -165,6 +166,7 @@ export default class AnimationExample extends React.Component {
             duration: 2000,
             delay: 0,
             mode: 'timing',
+            valueType: 'deg',
             timingFunction: 'linear',
           }),
           follow: true,
@@ -182,6 +184,7 @@ export default class AnimationExample extends React.Component {
             duration: 2000,
             delay: 0,
             mode: 'timing',
+            valueType: 'deg',
             timingFunction: 'linear',
           }),
           follow: false, // 配置子动画的执行是否跟随执行
@@ -193,6 +196,7 @@ export default class AnimationExample extends React.Component {
             duration: 2000,
             delay: 0,
             mode: 'timing',
+            valueType: 'deg',
             timingFunction: 'linear',
           }),
           follow: true,
diff --git a/driver/js/packages/hippy-web-renderer/src/component/list-view.ts b/driver/js/packages/hippy-web-renderer/src/component/list-view.ts
index 68297a7716a..22b87413956 100644
--- a/driver/js/packages/hippy-web-renderer/src/component/list-view.ts
+++ b/driver/js/packages/hippy-web-renderer/src/component/list-view.ts
@@ -570,7 +570,8 @@ export class ListViewItem extends HippyWebView<HTMLDivElement> {
   public handleReLayout(entries: ResizeObserverEntry[]) {
     const [entry] = entries;
     const { height } = entry.contentRect;
-    if ((height === 0 && Math.round(height) !== this.height) || Math.round(height) !== this.dom?.clientHeight) {
+    if ((Math.round(height) === this.height) && Math.round(height) === this.dom?.clientHeight) {
+      // no need to relayout ListViewItem when height is not changed
       return;
     }
     this.height = Math.round(height);