@mpxjs/webpack-plugin 2.10.14-beta.5 → 2.10.14-beta.6

package/lib/runtime/components/react/context.ts

@@ -12,7 +12,6 @@ export type KeyboardAvoidContextValue = MutableRefObject<{
   adjustPosition: boolean
   keyboardHeight?: number
   onKeyboardShow?: () => void
-  enableNativeKeyboardAvoiding?: boolean
 } | null>
 
 export interface GroupValue {

package/lib/runtime/components/react/dist/context.d.ts

@@ -9,7 +9,6 @@ export type KeyboardAvoidContextValue = MutableRefObject<{
     adjustPosition: boolean;
     keyboardHeight?: number;
     onKeyboardShow?: () => void;
-    enableNativeKeyboardAvoiding?: boolean;
 } | null>;
 export interface GroupValue {
     [key: string]: {

package/lib/runtime/components/react/dist/mpx-input.d.ts

@@ -32,13 +32,6 @@ export interface InputProps {
     'parent-width'?: number;
     'parent-height'?: number;
     'adjust-position': boolean;
-    /**
-     * @default true
-     * @platform android
-     *
-     * adnroid 是否开启原生键盘遮挡
-     */
-    'enable-native-keyboard-avoiding'?: boolean;
     bindinput?: (evt: NativeSyntheticEvent<TextInputTextInputEventData> | unknown) => void;
     bindfocus?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;
     bindblur?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;

package/lib/runtime/components/react/dist/mpx-input.jsx

@@ -52,7 +52,7 @@ const keyboardTypeMap = {
     digit: isIOS ? 'decimal-pad' : 'numeric'
 };
 const Input = forwardRef((props, ref) => {
-    const { style = {}, allowFontScaling = false, type = 'text', value, password, 'placeholder-style': placeholderStyle = {}, disabled, maxlength = 140, 'cursor-spacing': cursorSpacing = 0, 'auto-focus': autoFocus, focus, 'confirm-type': confirmType = 'done', 'confirm-hold': confirmHold = false, cursor, 'cursor-color': cursorColor, 'selection-start': selectionStart = -1, 'selection-end': selectionEnd = -1, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'adjust-position': adjustPosition = true, 'enable-native-keyboard-avoiding': enableNativeKeyboardAvoiding = true, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
+    const { style = {}, allowFontScaling = false, type = 'text', value, password, 'placeholder-style': placeholderStyle = {}, disabled, maxlength = 140, 'cursor-spacing': cursorSpacing = 0, 'auto-focus': autoFocus, focus, 'confirm-type': confirmType = 'done', 'confirm-hold': confirmHold = false, cursor, 'cursor-color': cursorColor, 'selection-start': selectionStart = -1, 'selection-end': selectionEnd = -1, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'adjust-position': adjustPosition = true, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
     // private
     multiline, 'auto-height': autoHeight, bindlinechange } = props;
     const formContext = useContext(FormContext);
@@ -145,7 +145,7 @@ const Input = forwardRef((props, ref) => {
     };
     const setKeyboardAvoidContext = () => {
         if (keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, enableNativeKeyboardAvoiding };
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition };
         }
     };
     const onTouchStart = () => {

package/lib/runtime/components/react/dist/mpx-keyboard-avoiding-view.jsx

@@ -15,7 +15,7 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     const isShow = useRef(false);
     const timerRef = useRef(null);
     const animatedStyle = useAnimatedStyle(() => ({
-        // translate/position top可能会导致地步渲染区域缺失
+        // translate/position top可能会导致底部渲染区域缺失
         marginTop: -offset.value,
         flexBasis: basic.value
     }));
@@ -53,19 +53,20 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
                 timerRef.current && clearTimeout(timerRef.current);
             }
             const { endCoordinates } = evt;
-            const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow, enableNativeKeyboardAvoiding } = keyboardAvoid.current;
+            const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow } = keyboardAvoid.current;
             keyboardAvoid.current.keyboardHeight = endCoordinates.height;
             onKeyboardShow?.();
             if (adjustPosition) {
-                timerRef.current = setTimeout(() => {
+                // 默认沿用旧版本逻辑，在 android 原生关闭键盘避让的情况下应该将该配置设置为 false，走 mpx 的键盘避让逻辑，否则bundle内的所有input都会无法避让键盘
+                const enableNativeKeyboardAvoiding = mpxGlobal?.__mpx?.config?.rnConfig?.enableNativeKeyboardAvoiding ?? true;
+                const callback = () => {
                     ref?.current?.measure((x, y, width, height, pageX, pageY) => {
                         function calculateOffset() {
                             // enableNativeKeyboardAvoding 默认开启
                             if (enableNativeKeyboardAvoiding && isAndroid) {
-                                const aboveOffset = pageY + height - endCoordinates.screenY;
-                                const belowOffset = endCoordinates.height - aboveOffset;
+                                const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
                                 const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
-                                const belowValue = Math.min(belowOffset, cursorSpacing);
+                                const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing);
                                 return aboveOffset > 0 ? belowValue : aboveValue;
                             }
                             const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
@@ -81,7 +82,8 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
                             }
                         });
                     });
-                });
+                };
+                (isIOS ? () => (timerRef.current = setTimeout(callback)) : callback)();
             }
         }
         if (isIOS) {

package/lib/runtime/components/react/dist/nav.d.ts

@@ -4,8 +4,5 @@ export interface MpxNavProps {
     pageConfig: PageConfig;
     navigation: any;
 }
-export interface MpxNavFactorOptions {
-    Mpx: any;
-}
-declare function createMpxNav(options: MpxNavFactorOptions): import("react").MemoExoticComponent<({ pageConfig, navigation }: MpxNavProps) => import("react").JSX.Element>;
-export default createMpxNav;
+declare const MpxNav: import("react").MemoExoticComponent<({ pageConfig, navigation }: MpxNavProps) => import("react").JSX.Element>;
+export default MpxNav;

package/lib/runtime/components/react/dist/nav.jsx

@@ -79,63 +79,59 @@ const validBarTextStyle = (textStyle) => {
     }
 };
 const BACK_ICON = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABICAYAAACqT5alAAAA2UlEQVR4nO3bMQrCUBRE0Yla6AYEN2nnBrTL+izcitW3MRDkEUWSvPzJvfCqgMwhZbAppWhNbbIHzB1g9wATERFRVyvpkj1irlpJ5X326D7WHh1hbdFD2CLpLmmftm7kfsEe09aNHFiBrT+wAlt/YAW2/sAKbP2BFdj6Ayuwy+ufz6XPL893krZ//O6iu2n4LT8kndLWTRTo4EC7BDo40C6BDg60S6CDA+0S6OBAuwQ6uNWiD2nrJmoIfU7cNWkR2hbb1UfbY7uuWhGWiIg+a/iHuHmA3QPs3gu4JW9Gan+OJAAAAABJRU5ErkJggg==';
-function createMpxNav(options) {
-    const { Mpx } = options;
-    const innerNav = memo(({ pageConfig, navigation }) => {
-        const [innerPageConfig, setPageConfig] = useState(pageConfig || {});
-        const [customNav] = useNavShared();
-        const safeAreaTop = useSafeAreaInsets()?.top || 0;
-        navigation.setPageConfig = (config) => {
-            setPageConfig(Object.assign({}, innerPageConfig, config));
-        };
-        const isCustom = innerPageConfig.navigationStyle === 'custom';
-        const navigationBarTextStyle = useMemo(() => validBarTextStyle(innerPageConfig.navigationBarTextStyle), [innerPageConfig.navigationBarTextStyle]);
-        // 状态栏的颜色
-        const statusBarElement = (<StatusBar translucent backgroundColor='transparent' barStyle={navigationBarTextStyle === NavColor.White ? 'light-content' : 'dark-content'}></StatusBar>);
-        if (isCustom)
-            return (<>
-          {statusBarElement}
-          {customNav}
-        </>);
-        // 假设是栈导航，获取栈的长度
-        const stackLength = navigation.getState()?.routes?.length;
-        const onStackTopBack = Mpx.config?.rnConfig?.onStackTopBack;
-        const isHandleStackTopBack = typeof onStackTopBack === 'function';
-        // 回退按钮与图标
-        // prettier-ignore
-        const backElement = stackLength > 1 || isHandleStackTopBack
-            ? (<TouchableWithoutFeedback onPress={() => {
-                    if (stackLength <= 1 && isHandleStackTopBack) {
-                        onStackTopBack();
-                        return;
-                    }
-                    navigation.goBack();
-                }}>
-          <View style={[styles.backButton]}>
-            <Image style={[styles.backButtonImage, { tintColor: navigationBarTextStyle }]} source={{ uri: BACK_ICON }}></Image>
-          </View>
-        </TouchableWithoutFeedback>)
-            : null;
-        return (<View style={[
-                styles.header,
-                {
-                    paddingTop: safeAreaTop,
-                    backgroundColor: innerPageConfig.navigationBarBackgroundColor || '#000000'
-                }
-            ]}>
+const MpxNav = memo(({ pageConfig, navigation }) => {
+    const [innerPageConfig, setPageConfig] = useState(pageConfig || {});
+    const [customNav] = useNavShared();
+    const safeAreaTop = useSafeAreaInsets()?.top || 0;
+    navigation.setPageConfig = (config) => {
+        setPageConfig(Object.assign({}, innerPageConfig, config));
+    };
+    const isCustom = innerPageConfig.navigationStyle === 'custom';
+    const navigationBarTextStyle = useMemo(() => validBarTextStyle(innerPageConfig.navigationBarTextStyle), [innerPageConfig.navigationBarTextStyle]);
+    // 状态栏的颜色
+    const statusBarElement = (<StatusBar translucent backgroundColor='transparent' barStyle={navigationBarTextStyle === NavColor.White ? 'light-content' : 'dark-content'}></StatusBar>);
+    if (isCustom)
+        return (<>
         {statusBarElement}
-        {/* TODO: 确定 height 的有效性 */}
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-expect-error */}
-        <View style={styles.headerContent} height={titleHeight}>
-          {backElement}
-          <Text style={[styles.title, { color: navigationBarTextStyle }]} numberOfLines={1}>
-            {innerPageConfig.navigationBarTitleText?.trim() || ''}
-          </Text>
+        {customNav}
+      </>);
+    // 假设是栈导航，获取栈的长度
+    const stackLength = navigation.getState()?.routes?.length;
+    const onStackTopBack = mpxGlobal?.__mpx?.config?.rnConfig?.onStackTopBack;
+    const isHandleStackTopBack = typeof onStackTopBack === 'function';
+    // 回退按钮与图标
+    // prettier-ignore
+    const backElement = stackLength > 1 || isHandleStackTopBack
+        ? (<TouchableWithoutFeedback onPress={() => {
+                if (stackLength <= 1 && isHandleStackTopBack) {
+                    onStackTopBack();
+                    return;
+                }
+                navigation.goBack();
+            }}>
+        <View style={[styles.backButton]}>
+          <Image style={[styles.backButtonImage, { tintColor: navigationBarTextStyle }]} source={{ uri: BACK_ICON }}></Image>
         </View>
-      </View>);
-    });
-    innerNav.displayName = 'MpxNav';
-    return innerNav;
-}
-export default createMpxNav;
+      </TouchableWithoutFeedback>)
+        : null;
+    return (<View style={[
+            styles.header,
+            {
+                paddingTop: safeAreaTop,
+                backgroundColor: innerPageConfig.navigationBarBackgroundColor || '#000000'
+            }
+        ]}>
+      {statusBarElement}
+      {/* TODO: 确定 height 的有效性 */}
+      {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+      {/* @ts-expect-error */}
+      <View style={styles.headerContent} height={titleHeight}>
+        {backElement}
+        <Text style={[styles.title, { color: navigationBarTextStyle }]} numberOfLines={1}>
+          {innerPageConfig.navigationBarTitleText?.trim() || ''}
+        </Text>
+      </View>
+    </View>);
+});
+MpxNav.displayName = 'MpxNav';
+export default MpxNav;

package/lib/runtime/components/react/mpx-input.tsx

@@ -102,13 +102,6 @@ export interface InputProps {
   'parent-width'?: number
   'parent-height'?: number
   'adjust-position': boolean,
-  /**
-   * @default true
-   * @platform android
-   *
-   * adnroid 是否开启原生键盘遮挡
-   */
-  'enable-native-keyboard-avoiding'?: boolean,
   bindinput?: (evt: NativeSyntheticEvent<TextInputTextInputEventData> | unknown) => void
   bindfocus?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void
   bindblur?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void
@@ -157,7 +150,6 @@ const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps
     'parent-width': parentWidth,
     'parent-height': parentHeight,
     'adjust-position': adjustPosition = true,
-    'enable-native-keyboard-avoiding': enableNativeKeyboardAvoiding = true,
     bindinput,
     bindfocus,
     bindblur,
@@ -289,7 +281,7 @@ const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps
 
   const setKeyboardAvoidContext = () => {
     if (keyboardAvoid) {
-      keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, enableNativeKeyboardAvoiding }
+      keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition }
     }
   }
 

package/lib/runtime/components/react/mpx-keyboard-avoiding-view.tsx

@@ -25,7 +25,7 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
   const timerRef = useRef<NodeJS.Timeout | null>(null)
 
   const animatedStyle = useAnimatedStyle(() => ({
-    // translate/position top可能会导致地步渲染区域缺失
+    // translate/position top可能会导致底部渲染区域缺失
     marginTop: -offset.value,
     flexBasis: basic.value as DimensionValue
   }))
@@ -73,26 +73,27 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
       }
 
       const { endCoordinates } = evt
-      const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow, enableNativeKeyboardAvoiding } = keyboardAvoid.current
+      const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow } = keyboardAvoid.current
       keyboardAvoid.current.keyboardHeight = endCoordinates.height
       onKeyboardShow?.()
       if (adjustPosition) {
-        timerRef.current = setTimeout(() => {
+        // 默认沿用旧版本逻辑，在 android 原生关闭键盘避让的情况下应该将该配置设置为 false，走 mpx 的键盘避让逻辑，否则bundle内的所有input都会无法避让键盘
+        const enableNativeKeyboardAvoiding = mpxGlobal?.__mpx?.config?.rnConfig?.enableNativeKeyboardAvoiding ?? true
+        const callback = () => {
           ref?.current?.measure((x: number, y: number, width: number, height: number, pageX: number, pageY: number) => {
             function calculateOffset() {
               // enableNativeKeyboardAvoding 默认开启
               if (enableNativeKeyboardAvoiding && isAndroid) {
-                const aboveOffset = pageY + height - endCoordinates.screenY
-                const belowOffset = endCoordinates.height - aboveOffset
-                const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing
-                const belowValue = Math.min(belowOffset, cursorSpacing)
-                return aboveOffset > 0 ? belowValue : aboveValue
+                const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
+                const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
+                const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing);
+                return aboveOffset > 0 ? belowValue : aboveValue;
               }
 
-              const aboveOffset = offset.value + pageY + height - endCoordinates.screenY
-              const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing
-              const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing)
-              return aboveOffset > 0 ? belowValue : aboveValue
+              const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
+              const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
+              const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing);
+              return aboveOffset > 0 ? belowValue : aboveValue;
             }
 
             cancelAnimation(offset)
@@ -103,7 +104,8 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
               }
             })
           })
-        })
+        };
+        (isIOS ? () => (timerRef.current = setTimeout(callback)) : callback)();
       }
     }
 

package/lib/runtime/components/react/nav.tsx

@@ -84,89 +84,80 @@ export interface MpxNavProps {
   navigation: any
 }
 
-export interface MpxNavFactorOptions {
-  Mpx: any
-}
-
 const BACK_ICON =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABICAYAAACqT5alAAAA2UlEQVR4nO3bMQrCUBRE0Yla6AYEN2nnBrTL+izcitW3MRDkEUWSvPzJvfCqgMwhZbAppWhNbbIHzB1g9wATERFRVyvpkj1irlpJ5X326D7WHh1hbdFD2CLpLmmftm7kfsEe09aNHFiBrT+wAlt/YAW2/sAKbP2BFdj6Ayuwy+ufz6XPL893krZ//O6iu2n4LT8kndLWTRTo4EC7BDo40C6BDg60S6CDA+0S6OBAuwQ6uNWiD2nrJmoIfU7cNWkR2hbb1UfbY7uuWhGWiIg+a/iHuHmA3QPs3gu4JW9Gan+OJAAAAABJRU5ErkJggg=='
 
-function createMpxNav(options: MpxNavFactorOptions) {
-  const { Mpx } = options
-  const innerNav = memo(({ pageConfig, navigation }: MpxNavProps) => {
-    const [innerPageConfig, setPageConfig] = useState<PageConfig>(pageConfig || {})
-    const [customNav] = useNavShared()
-    const safeAreaTop = useSafeAreaInsets()?.top || 0
-
-    navigation.setPageConfig = (config: PageConfig) => {
-      setPageConfig(Object.assign({}, innerPageConfig, config))
-    }
-    const isCustom = innerPageConfig.navigationStyle === 'custom'
-    const navigationBarTextStyle = useMemo(() => validBarTextStyle(innerPageConfig.navigationBarTextStyle), [innerPageConfig.navigationBarTextStyle])
-    // 状态栏的颜色
-    const statusBarElement = (
-      <StatusBar
-        translucent
-        backgroundColor='transparent'
-        barStyle={navigationBarTextStyle === NavColor.White ? 'light-content' : 'dark-content'}></StatusBar>
-    )
+const MpxNav = memo(({ pageConfig, navigation }: MpxNavProps) => {
+  const [innerPageConfig, setPageConfig] = useState<PageConfig>(pageConfig || {})
+  const [customNav] = useNavShared()
+  const safeAreaTop = useSafeAreaInsets()?.top || 0
 
-    if (isCustom)
-      return (
-        <>
-          {statusBarElement}
-          {customNav}
-        </>
-      )
-    // 假设是栈导航，获取栈的长度
-    const stackLength = navigation.getState()?.routes?.length
-    const onStackTopBack = Mpx.config?.rnConfig?.onStackTopBack
-    const isHandleStackTopBack = typeof onStackTopBack === 'function'
-
-    // 回退按钮与图标
-    // prettier-ignore
-    const backElement = stackLength > 1 || isHandleStackTopBack
-      ? (
-        <TouchableWithoutFeedback
-          onPress={() => {
-            if (stackLength <= 1 && isHandleStackTopBack) {
-              onStackTopBack()
-              return
-            }
-            navigation.goBack()
-          }}>
-          <View style={[styles.backButton]}>
-            <Image style={[styles.backButtonImage, { tintColor: navigationBarTextStyle }]} source={{ uri: BACK_ICON }}></Image>
-          </View>
-        </TouchableWithoutFeedback>
-        )
-      : null
+  navigation.setPageConfig = (config: PageConfig) => {
+    setPageConfig(Object.assign({}, innerPageConfig, config))
+  }
+  const isCustom = innerPageConfig.navigationStyle === 'custom'
+  const navigationBarTextStyle = useMemo(() => validBarTextStyle(innerPageConfig.navigationBarTextStyle), [innerPageConfig.navigationBarTextStyle])
+  // 状态栏的颜色
+  const statusBarElement = (
+    <StatusBar
+      translucent
+      backgroundColor='transparent'
+      barStyle={navigationBarTextStyle === NavColor.White ? 'light-content' : 'dark-content'}></StatusBar>
+  )
 
+  if (isCustom)
     return (
-      <View
-        style={[
-          styles.header,
-          {
-            paddingTop: safeAreaTop,
-            backgroundColor: innerPageConfig.navigationBarBackgroundColor || '#000000'
-          }
-        ]}>
+      <>
         {statusBarElement}
-        {/* TODO: 确定 height 的有效性 */}
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-expect-error */}
-        <View style={styles.headerContent} height={titleHeight}>
-          {backElement}
-          <Text style={[styles.title, { color: navigationBarTextStyle }]} numberOfLines={1}>
-            {innerPageConfig.navigationBarTitleText?.trim() || ''}
-          </Text>
-        </View>
-      </View>
+        {customNav}
+      </>
     )
-  })
+  // 假设是栈导航，获取栈的长度
+  const stackLength = navigation.getState()?.routes?.length
+  const onStackTopBack = mpxGlobal?.__mpx?.config?.rnConfig?.onStackTopBack
+  const isHandleStackTopBack = typeof onStackTopBack === 'function'
 
-  innerNav.displayName = 'MpxNav'
-  return innerNav
-}
+  // 回退按钮与图标
+  // prettier-ignore
+  const backElement = stackLength > 1 || isHandleStackTopBack
+    ? (
+      <TouchableWithoutFeedback
+        onPress={() => {
+          if (stackLength <= 1 && isHandleStackTopBack) {
+            onStackTopBack()
+            return
+          }
+          navigation.goBack()
+        }}>
+        <View style={[styles.backButton]}>
+          <Image style={[styles.backButtonImage, { tintColor: navigationBarTextStyle }]} source={{ uri: BACK_ICON }}></Image>
+        </View>
+      </TouchableWithoutFeedback>
+      )
+    : null
+
+  return (
+    <View
+      style={[
+        styles.header,
+        {
+          paddingTop: safeAreaTop,
+          backgroundColor: innerPageConfig.navigationBarBackgroundColor || '#000000'
+        }
+      ]}>
+      {statusBarElement}
+      {/* TODO: 确定 height 的有效性 */}
+      {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
+      {/* @ts-expect-error */}
+      <View style={styles.headerContent} height={titleHeight}>
+        {backElement}
+        <Text style={[styles.title, { color: navigationBarTextStyle }]} numberOfLines={1}>
+          {innerPageConfig.navigationBarTitleText?.trim() || ''}
+        </Text>
+      </View>
+    </View>
+  )
+})
 
-export default createMpxNav
+MpxNav.displayName = 'MpxNav'
+export default MpxNav

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/webpack-plugin",
-  "version": "2.10.14-beta.5",
+  "version": "2.10.14-beta.6",
   "description": "mpx compile core",
   "keywords": [
     "mpx"