@dongsuo/react-native-uitextview 1.0.0

package/lib/typescript/module/src/util.d.ts

@@ -0,0 +1,160 @@
+import { type StyleProp, type TextStyle } from 'react-native';
+import type { NativeFontWeight } from './RNUITextViewChildNativeComponent';
+export declare function flattenStyles(rootStyle: TextStyle, style: StyleProp<TextStyle>): {
+    fontWeight: NativeFontWeight;
+    backgroundColor: import("react-native").ColorValue;
+    shadowOffset: Readonly<{
+        width: number;
+        height: number;
+    }>;
+    color?: import("react-native").ColorValue | undefined;
+    fontFamily?: string | undefined;
+    fontSize?: number | undefined;
+    fontStyle?: "normal" | "italic" | undefined;
+    letterSpacing?: number | undefined;
+    lineHeight?: number | undefined;
+    textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+    textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+    textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+    textDecorationColor?: import("react-native").ColorValue | undefined;
+    textShadowColor?: import("react-native").ColorValue | undefined;
+    textShadowOffset?: {
+        width: number;
+        height: number;
+    } | undefined;
+    textShadowRadius?: number | undefined;
+    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+    userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+    fontVariant?: import("react-native").FontVariant[] | undefined;
+    writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+    backfaceVisibility?: "visible" | "hidden" | undefined;
+    borderBlockColor?: import("react-native").ColorValue | undefined;
+    borderBlockEndColor?: import("react-native").ColorValue | undefined;
+    borderBlockStartColor?: import("react-native").ColorValue | undefined;
+    borderBottomColor?: import("react-native").ColorValue | undefined;
+    borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderColor?: import("react-native").ColorValue | undefined;
+    borderCurve?: "circular" | "continuous" | undefined;
+    borderEndColor?: import("react-native").ColorValue | undefined;
+    borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderLeftColor?: import("react-native").ColorValue | undefined;
+    borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderRightColor?: import("react-native").ColorValue | undefined;
+    borderStartColor?: import("react-native").ColorValue | undefined;
+    borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+    borderTopColor?: import("react-native").ColorValue | undefined;
+    borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+    outlineColor?: import("react-native").ColorValue | undefined;
+    outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+    outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+    outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
+    opacity?: import("react-native").AnimatableNumericValue | undefined;
+    elevation?: number | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    isolation?: "auto" | "isolate" | undefined;
+    cursor?: import("react-native").CursorValue | undefined;
+    boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+    filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+    mixBlendMode?: import("react-native").BlendMode | undefined;
+    experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+    alignItems?: import("react-native").FlexAlignType | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+    aspectRatio?: number | string | undefined;
+    borderBottomWidth?: number | undefined;
+    borderEndWidth?: number | undefined;
+    borderLeftWidth?: number | undefined;
+    borderRightWidth?: number | undefined;
+    borderStartWidth?: number | undefined;
+    borderTopWidth?: number | undefined;
+    borderWidth?: number | undefined;
+    bottom?: import("react-native").DimensionValue | undefined;
+    boxSizing?: "border-box" | "content-box" | undefined;
+    display?: "none" | "flex" | "contents" | undefined;
+    end?: import("react-native").DimensionValue | undefined;
+    flex?: number | undefined;
+    flexBasis?: import("react-native").DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    rowGap?: number | string | undefined;
+    gap?: number | string | undefined;
+    columnGap?: number | string | undefined;
+    flexGrow?: number | undefined;
+    flexShrink?: number | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    left?: import("react-native").DimensionValue | undefined;
+    margin?: import("react-native").DimensionValue | undefined;
+    marginBottom?: import("react-native").DimensionValue | undefined;
+    marginEnd?: import("react-native").DimensionValue | undefined;
+    marginHorizontal?: import("react-native").DimensionValue | undefined;
+    marginLeft?: import("react-native").DimensionValue | undefined;
+    marginRight?: import("react-native").DimensionValue | undefined;
+    marginStart?: import("react-native").DimensionValue | undefined;
+    marginTop?: import("react-native").DimensionValue | undefined;
+    marginVertical?: import("react-native").DimensionValue | undefined;
+    maxHeight?: import("react-native").DimensionValue | undefined;
+    maxWidth?: import("react-native").DimensionValue | undefined;
+    minHeight?: import("react-native").DimensionValue | undefined;
+    minWidth?: import("react-native").DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined;
+    padding?: import("react-native").DimensionValue | undefined;
+    paddingBottom?: import("react-native").DimensionValue | undefined;
+    paddingEnd?: import("react-native").DimensionValue | undefined;
+    paddingHorizontal?: import("react-native").DimensionValue | undefined;
+    paddingLeft?: import("react-native").DimensionValue | undefined;
+    paddingRight?: import("react-native").DimensionValue | undefined;
+    paddingStart?: import("react-native").DimensionValue | undefined;
+    paddingTop?: import("react-native").DimensionValue | undefined;
+    paddingVertical?: import("react-native").DimensionValue | undefined;
+    position?: "absolute" | "relative" | "static" | undefined;
+    right?: import("react-native").DimensionValue | undefined;
+    start?: import("react-native").DimensionValue | undefined;
+    top?: import("react-native").DimensionValue | undefined;
+    width?: import("react-native").DimensionValue | undefined;
+    zIndex?: number | undefined;
+    direction?: "inherit" | "ltr" | "rtl" | undefined;
+    inset?: import("react-native").DimensionValue | undefined;
+    insetBlock?: import("react-native").DimensionValue | undefined;
+    insetBlockEnd?: import("react-native").DimensionValue | undefined;
+    insetBlockStart?: import("react-native").DimensionValue | undefined;
+    insetInline?: import("react-native").DimensionValue | undefined;
+    insetInlineEnd?: import("react-native").DimensionValue | undefined;
+    insetInlineStart?: import("react-native").DimensionValue | undefined;
+    marginBlock?: import("react-native").DimensionValue | undefined;
+    marginBlockEnd?: import("react-native").DimensionValue | undefined;
+    marginBlockStart?: import("react-native").DimensionValue | undefined;
+    marginInline?: import("react-native").DimensionValue | undefined;
+    marginInlineEnd?: import("react-native").DimensionValue | undefined;
+    marginInlineStart?: import("react-native").DimensionValue | undefined;
+    paddingBlock?: import("react-native").DimensionValue | undefined;
+    paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+    paddingBlockStart?: import("react-native").DimensionValue | undefined;
+    paddingInline?: import("react-native").DimensionValue | undefined;
+    paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+    paddingInlineStart?: import("react-native").DimensionValue | undefined;
+    shadowColor?: import("react-native").ColorValue | undefined;
+    shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+    shadowRadius?: number | undefined;
+    transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+    transformOrigin?: Array<string | number> | string | undefined;
+    transformMatrix?: Array<number> | undefined;
+    rotation?: import("react-native").AnimatableNumericValue | undefined;
+    scaleX?: import("react-native").AnimatableNumericValue | undefined;
+    scaleY?: import("react-native").AnimatableNumericValue | undefined;
+    translateX?: import("react-native").AnimatableNumericValue | undefined;
+    translateY?: import("react-native").AnimatableNumericValue | undefined;
+    textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+    verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+    includeFontPadding?: boolean | undefined;
+};
+//# sourceMappingURL=util.d.ts.map

package/lib/typescript/module/src/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAc,KAAK,SAAS,EAAC,MAAM,cAAc,CAAA;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,oCAAoC,CAAA;AAExE,wBAAgB,aAAa,CAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa5B"}

package/package.json

@@ -0,0 +1,187 @@
+{
+  "name": "@dongsuo/react-native-uitextview",
+  "version": "1.0.0",
+  "description": "Enhanced UITextView for React Native with custom context menu support",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/react-native-uitextview.git"
+  },
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "homepage": "https://github.com/your-username/react-native-uitextview#readme",
+  "bugs": {
+    "url": "https://github.com/your-username/react-native-uitextview/issues"
+  },
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-uitextview-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "^18.0.0",
+    "@react-native/babel-preset": "0.79.1",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "0.40.7",
+    "react-native-test-app": "4.0.4",
+    "release-it": "^19.0.1",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": false
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "whatBump": false,
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "semi": false,
+    "arrowParens": "avoid",
+    "bracketSameLine": true,
+    "bracketSpacing": false,
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "all",
+    "useTabs": false
+  },
+  "codegenConfig": {
+    "name": "RNUITextViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "ios": {
+      "componentProvider": {
+        "RNUITextView": "RNUITextView",
+        "RNUITextViewChild": "RNUITextViewChild"
+      }
+    },
+    "android": {
+      "javaPackageName": "xyz.blueskyweb.rnuitextview"
+    },
+    "outputDir": {
+      "android": "android/generated",
+      "ios": "ios/generated"
+    },
+    "includesGeneratedCode": true
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.49.8"
+  },
+  "module": "./lib/module/index.js",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {}
+      ],
+      "codegen"
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "dependencies": {
+    "arktype": "2.1.15"
+  }
+}

package/react-native-uitextview.podspec

@@ -0,0 +1,21 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-uitextview"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/bluesky-social/react-native-uitextview.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,cpp}"
+
+  s.private_header_files = "ios/**/*.h"
+
+ install_modules_dependencies(s)
+end

package/react-native.config.js

@@ -0,0 +1,28 @@
+const project = (() => {
+  const path = require('node:path')
+  try {
+    const {configureProjects} = require('react-native-test-app')
+
+    return configureProjects({
+      android: {},
+      ios: {
+        sourceDir: path.join('example', 'ios'),
+      },
+    })
+  } catch (e) {
+    return undefined
+  }
+})()
+
+/**
+ * @type {import('@react-native-community/cli-types').UserDependencyConfig}
+ */
+module.exports = {
+  dependencies: {
+    // Help rn-cli find and autolink this library
+    'react-native-uitextview': {
+      root: __dirname,
+    },
+  },
+  ...(project ? {project} : undefined),
+}

package/src/RNUITextViewChildNativeComponent.ts

@@ -0,0 +1,48 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+import type {ColorValue, ViewProps} from 'react-native'
+import type {
+  BubblingEventHandler,
+  Float,
+  Int32,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes'
+
+interface TargetedEvent {
+  target: Int32
+}
+
+type TextDecorationLine = 'none' | 'underline' | 'line-through'
+
+type TextDecorationStyle = 'solid' | 'double' | 'dotted' | 'dashed'
+
+export type NativeFontWeight =
+  | 'normal'
+  | 'bold'
+  | 'ultraLight'
+  | 'light'
+  | 'medium'
+  | 'semibold'
+  | 'heavy'
+
+type FontStyle = 'normal' | 'italic'
+
+interface NativeProps extends ViewProps {
+  text: string
+  color?: ColorValue
+  fontSize?: Float
+  fontStyle?: WithDefault<FontStyle, 'normal'>
+  fontWeight?: WithDefault<NativeFontWeight, 'normal'>
+  fontFamily?: string
+  letterSpacing?: Float
+  lineHeight?: Float
+  textDecorationLine?: WithDefault<TextDecorationLine, 'none'>
+  textDecorationStyle?: WithDefault<TextDecorationStyle, 'solid'>
+  textDecorationColor?: ColorValue
+  shadowRadius?: WithDefault<Float, 0>
+  onPress?: BubblingEventHandler<TargetedEvent>
+  onLongPress?: BubblingEventHandler<TargetedEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('RNUITextViewChild', {
+  excludedPlatforms: ['android'],
+})

package/src/RNUITextViewNativeComponent.ts

@@ -0,0 +1,47 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+import type {ViewProps} from 'react-native'
+import type {
+  BubblingEventHandler,
+  Int32,
+  WithDefault,
+  DirectEventHandler,
+} from 'react-native/Libraries/Types/CodegenTypes'
+
+interface TargetedEvent {
+  target: Int32
+}
+
+interface TextLayoutEvent extends TargetedEvent {
+  lines: string[]
+}
+
+// 自定义菜单项接口
+interface CustomMenuItem {
+  title: string
+  actionId: string
+}
+
+// 自定义菜单操作事件
+interface CustomMenuActionEvent extends TargetedEvent {
+  actionId: string
+  selectedText: string
+}
+
+type EllipsizeMode = 'head' | 'middle' | 'tail' | 'clip'
+
+interface NativeProps extends ViewProps {
+  // 现有属性
+  numberOfLines?: Int32
+  allowsFontScaling?: boolean
+  ellipsizeMode?: WithDefault<EllipsizeMode, 'tail'>
+  selectable?: boolean
+  onTextLayout?: BubblingEventHandler<TextLayoutEvent>
+
+  // 新增自定义菜单属性
+  customMenuItems?: ReadonlyArray<CustomMenuItem>
+  onCustomMenuAction?: DirectEventHandler<CustomMenuActionEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('RNUITextView', {
+  excludedPlatforms: ['android'],
+})

package/src/Text.tsx

@@ -0,0 +1,148 @@
+import React from 'react'
+import {
+  Platform,
+  StyleSheet,
+  Text as RNText,
+  type TextProps,
+  type ViewStyle,
+} from 'react-native'
+
+// 自定义菜单项接口
+interface CustomMenuItem {
+  title: string
+  actionId: string
+}
+
+// 自定义菜单事件接口
+interface CustomMenuActionEvent {
+  actionId: string
+  selectedText: string
+}
+import RNUITextViewChildNativeComponent from './RNUITextViewChildNativeComponent'
+import RNUITextViewNativeComponent from './RNUITextViewNativeComponent'
+import {flattenStyles} from './util'
+
+const TextAncestorContext = React.createContext<[boolean, ViewStyle]>([
+  false,
+  StyleSheet.create({}),
+])
+
+const textDefaults: TextProps = {
+  allowFontScaling: true,
+  selectable: true,
+}
+
+const useTextAncestorContext = () => React.useContext(TextAncestorContext)
+
+// 扩展 TextProps 类型添加自定义菜单相关属性
+type ExtendedTextProps = TextProps & {
+  uiTextView?: boolean
+  customMenuItems?: CustomMenuItem[]
+  onCustomMenuAction?: (event: CustomMenuActionEvent) => void
+}
+
+function UITextViewChild({
+  style,
+  children,
+  customMenuItems,
+  onCustomMenuAction,
+  ...rest
+}: ExtendedTextProps) {
+  const [isAncestor, rootStyle] = useTextAncestorContext()
+
+  // Flatten the styles, and apply the root styles when needed
+  const flattenedStyle = React.useMemo(
+    () => flattenStyles(rootStyle, style),
+    [rootStyle, style],
+  )
+  console.log('customMenuItems', customMenuItems)
+  if (!isAncestor) {
+    return (
+      <TextAncestorContext.Provider value={[true, flattenedStyle]}>
+        <RNUITextViewNativeComponent
+          {...textDefaults}
+          {...rest}
+          // ellipsizeMode={rest.ellipsizeMode ?? rest.lineBreakMode ?? 'tail'}
+          style={[flattenedStyle]}
+          // 自定义菜单相关属性
+          customMenuItems={customMenuItems}
+          onCustomMenuAction={event => {
+            onCustomMenuAction &&
+              onCustomMenuAction({
+                actionId: event.nativeEvent.actionId,
+                selectedText: event.nativeEvent.selectedText,
+              })
+          }}
+          // @ts-expect-error Weirdness
+          onPress={undefined}
+          onLongPress={undefined}>
+          {React.Children.toArray(children).map((c, index) => {
+            if (React.isValidElement(c)) {
+              return c
+            } else if (typeof c === 'string' || typeof c === 'number') {
+              return (
+                // @ts-expect-error @TODO fix this type
+                <RNUITextViewChildNativeComponent
+                  key={index}
+                  style={flattenedStyle}
+                  text={c.toString()}
+                  {...rest}
+                />
+              )
+            }
+            return null
+          })}
+        </RNUITextViewNativeComponent>
+      </TextAncestorContext.Provider>
+    )
+  } else {
+    return (
+      <>
+        {React.Children.toArray(children).map((c, index) => {
+          if (React.isValidElement(c)) {
+            return c
+          } else if (typeof c === 'string' || typeof c === 'number') {
+            return (
+              // @ts-expect-error @TODO fix this type
+              <RNUITextViewChildNativeComponent
+                key={index}
+                style={flattenedStyle}
+                text={c.toString()}
+                {...rest}
+              />
+            )
+          }
+
+          return null
+        })}
+      </>
+    )
+  }
+}
+
+function UITextViewInner(props: ExtendedTextProps) {
+  const [isAncestor] = useTextAncestorContext()
+
+  // Even if the uiTextView prop is set, we can still default to using
+  // normal selection (i.e. base RN text) if the text doesn't need to be
+  // selectable
+  if ((!props.selectable || !props.uiTextView) && !isAncestor) {
+    // 当使用原生 RNText 时，自定义菜单功能不可用
+    // Using _ prefix to indicate these are intentionally unused
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const {customMenuItems: _, onCustomMenuAction: __, ...restProps} = props
+    return <RNText {...restProps} />
+  }
+  return <UITextViewChild {...props} />
+}
+
+export function UITextView(props: ExtendedTextProps) {
+  if (Platform.OS !== 'ios') {
+    // 当不是 iOS 平台时，自定义菜单功能不可用
+    // Using _ prefix to indicate these are intentionally unused
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const {customMenuItems: _, onCustomMenuAction: __, ...restProps} = props
+    return <RNText {...restProps} />
+  }
+  return <UITextViewInner {...props} />
+}

package/src/index.tsx

@@ -0,0 +1 @@
+export * from './Text'