Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

TextInput component parity for Fabric #11145

Closed
@jonthysell

Description

@jonthysell

This task captures the work to reach parity between Paper and Fabric for the native code for the<TextInput> component.

ComponentView

  1. Create the WindowsTextInputComponentView (WTICV)
  2. Register the ComponentView in the ComponentViewRegistry

APIs

See latest spec athttps://reactnative.dev/docs/textinput.

TextInput Props

41/61

APIPlatformRNW PaperRNW FabricNotes
  • allowFontScaling
TIVMPri 1Fabric: Code present but commented out?
  • autoCapitalize
TIVMPri 1Fabric: Code present but commented out?
  • autoComplete
AndroidNoNo?
  • autoCorrect
NoNo?
  • autoFocus
TIVMPri 1
  • blurOnSubmit
NoNo?
  • caretHidden
TIVMWTICVFabric:#12430
  • clearButtonMode
iOSNoNo?
  • clearTextOnFocus
iOSTIVMPri 1
  • contextMenuHidden
TIVMPri 1
  • dataDetectorTypes
iOSNoNo?
  • defaultValue
TIVMWTICVPassed in as text = value ?? defaultValue
  • cursorColor
AndroidTIVMWTICVPaper:#11502, Fabric:#12158
  • disableFullscreenUI
AndroidNoNo?
TIVMWTICVFabric:#11488
  • enablesReturnKeyAutomatically
iOSNoNo?
  • importantForAutofill
AndroidNoNo?
  • inlineImageLeft
AndroidNoNo?
  • inlineImagePadding
AndroidNoNo?
  • inputAccessoryViewID
iOSNoNo?
  • keyboardAppearance
iOSNoNo?
  • keyboardType
TIVMPri 1
  • maxFontSizeMultiplier
NoNo?
  • maxLength
TIVMWTICV
TIVMWTICVFabric:#11490
  • numberOfLines
AndroidNoNo?
  • onBlur
TIVM+VMBPri 1Event is topTextInputBlur
  • onChange
TIVM+VMBWTICVEvent is topTextInputChange
TIVMPri 1Event is topTextInputChangeText
  • onContentSizeChange
TIVMPri 1Event is topTextInputContentSizeChange
  • onEndEditing
TIVM+VMBPri 1Event is topTextInputEndEditing
  • onPressIn
TIVMPri 1Event is topTextInputPressIn
  • onPressOut
TIVMPri 1Event is topTextInputPressOut
  • onFocus
TIVM+VMBPri 1Event is topTextInputFocus
  • onKeyPress
TIVMWTICVtopTextInputKeyPress, Fabric:#12771
  • onLayout
VMBPri 1
  • onScroll
TIVMPri 1Event is topTextInputScroll
  • onSelectionChange
TIVMWTICVEvent is topTextInputSelectionChange
TIVM+VMBWTICVEvent is topTextInputSubmitEditing, Fabric:#12746
TIVMWTICVFabric:#12018
  • placeholderTextColor
TIVMWTICVFabric:#12018
  • returnKeyLabel
AndroidNoNo?
  • returnKeyType
NoNo?
  • rejectResponderTermination
iOSNoNo?
  • scrollEnabled
iOSTIVMPri 1
TIVMWTICVFabric:#11484
  • selection
TIVMPri 1Fabric: Code present but commented out?
  • selectionColor
TIVMPri 1
  • selectTextOnFocus
TIVMPri 1
  • showSoftInputOnFocus
NoNo?
  • spellCheck
iOSTIVMPri 1
  • textAlign
TIVMPri 1
  • textContentType
iOSNoNo?
  • passwordRules
IOSNoNo?
  • style
See BelowSee BelowSupports Text Style Props*, View Style Props, Layout Props, Shadow Props
  • textBreakStrategy
AndroidNoNo?
  • underlineColorAndroid
AndroidNoNo?
  • value
TIVMWTICVPassed in as text = value ?? defaultValue
  • clearTextOnSubmit
WindowsTIVMWTICVFabric:#12746
  • mostRecentEventCount
WindowsTIVMPri 1
WindowsTIVM WTICVFabric:#12746

TextInput Methods

4/4

APIPlatformRNW PaperRNW FabricNotes
  • focus()
TIVM+VMBCBCVDuplicate of Native Component Method? Fabric:#11323
  • blur()
TIVM+VMBCBCVDuplicate of Native Component Method? Fabric:#11323
  • clear()
TIVMWTICVInvoked by calling setTextAndSelection
  • isFocused()
JSJS

View Props

48/58

APIPlatformRNW PaperRNW FabricNotes
  • accessibilityActions
FEVMPri 2
  • accessibilityElementsHidden
iOSNoNo?
  • accessibilityHint
FEVMCBCV+CDAPFabric:#12036
  • accessibilityIgnoresInvertColors
iOSNoNo?
  • accessibilityLabel
FEVMCBCV+CDAPFabric:#11674
  • accessibilityLanguage
iOSNoNo?
  • accessibilityLiveRegion
AndroidFEVMPri 2
  • accessibilityRole
FEVMCDAPFabric:#11412
  • accessibilityState
FEVMCBCV+CDAPFabric: Partial impl in#11674
  • accessibilityValue
FEVMCBCV+CDAP+WTICVFabric:#12287
  • accessibilityViewIsModal
iOSNoNo?
  • accessible
CVM+FEVMCBCV+CDAPFabric:#11719
  • collapsable
AndroidNoNo?
  • focusable
AndroidTIVM+CVMCBCV+CDAPFabric:#11674
  • hitSlop
JSJS
  • importantForAccessibility
AndroidNoNo?
  • nativeID
NoNo?
  • needsOffscreenAlphaCompositing
NoNo?
  • nextFocusDown
AndroidNoNo?
  • nextFocusForward
AndroidNoNo?
  • nextFocusLeft
AndroidNoNo?
  • nextFocusRight
AndroidNoNo?
  • nextFocusUp
AndroidNoNo?
  • onAccessibilityAction
VMBPri 2
  • onAccessibilityEscape
iOSNoNo?
  • onAccessibilityTap
NoCDAPFabric:#11874
  • onLayout
VMBPri 1
  • onMagicTap
iOSNoNo?
  • onMoveShouldSetResponder
JSJS
  • onMoveShouldSetResponderCapture
JSJS
  • onResponderGrant
JSJS
  • onResponderMove
JSJS
  • onResponderReject
JSJS
  • onResponderRelease
JSJS
  • onResponderTerminate
JSJS
  • onResponderTerminationRequest
JSJS
  • onStartShouldSetResponder
JSJS
  • onStartShouldSetResponderCapture
JSJS
  • pointerEvents
VMBWTICV
  • removeClippedSubviews
NoNo?
  • renderToHardwareTextureAndroid
AndroidNoNo?
  • shouldRasterizeIOS
iOSNoNo?
  • testID
FEVMCDAPFabric:#11412
  • accessibilityPosInSet
WindowsFEVMPri 2
  • accessibilitySetSize
WindowsFEVMPri 2
  • enableFocusRing
WindowsJSCBCV+WTICVFabric:#11323, Focus ring impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • keyDownEvents
WindowsTIVM+VMBWTICV+CBCVFabric:#12146
  • keyUpEvents
WindowsVMBWTICV+CBCVFabric:#12146
  • onBlur
WindowsTIVM+VMBPri 1Duplicate of TextInput prop, but with different event?
  • onFocus
WindowsTIVM+VMBPri 1Duplicate of TextInput prop, but with different event?
  • onKeyDown
WindowsVMBWTICV+CBCV+CEHFabric:#12146
  • onKeyDownCapture
WindowsVMBPri 1
  • onKeyUp
WindowsVMBWTICV+CBCV+CEHFabric:#12146
  • onKeyUpCapture
WindowsVMBPri 1
  • onMouseEnter
WindowsVMBCEH
  • onMouseLeave
WindowsVMBCEH
  • tabIndex
WindowsCVMPri 1
  • tooltip
WindowsFEVMPri 1

Text Style Props

11/20

APIPlatformRNW PaperRNW FabricNotes
  • color
CVMWTICV
  • fontFamily
TIVMPri 1Fabric: Code present but commented out?
  • fontSize
TIVMWTICV
  • fontStyle
TIVMPri 1Fabric: Code present but commented out?
  • fontWeight
TIVMWTICV
  • includeFontPadding
AndroidNoNo?
  • fontVariant
NoNo?
  • letterSpacing
TIVMPri 1
  • lineHeight
NoPri 1
  • textAlign
TIVMPri 1
  • textAlignVertical
AndroidNoNo?
  • textDecorationColor
iOSNoNo?
  • textDecorationLine
NoPri 1
  • textDecorationStyle
iOSNoNo?
  • textShadowColor
NoNo?
  • textShadowOffset
NoNo?
  • textShadowRadius
NoNo?
  • textTransform
NoPri 1
  • writingDirection
FEVMPri 1
  • characterSpacing
WindowsTIVMPri 1Alias for letterSpacing?

View Style Props

28/29

APIPlatformRNW PaperRNW FabricNotes
  • backfaceVisibility
NoCBCV+WTICVFabric:#12115 Impl in CBCV and CV must call updateTransformProps
  • backgroundColor
CVMWTICV
  • borderBottomColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderBottomEndRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderBottomLeftRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderBottomRightRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderBottomStartRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderBottomWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderColor
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderEndColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderEndWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderLeftColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderLeftWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderRightColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderRightWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderStartColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderStartWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
NoCBCVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopColor
NoCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopEndRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopLeftRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopRightRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopStartRadius
CVMCBCV+WTICVFabric: Border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • elevation
AndroidNoNo?
  • opacity
FEVMPri 1
  • transform
FEVMCBCV+WTICVCVFabric:#12115 Impl in CBCV and CV must call updateTransformProps

Layout Props

51/53

APIPlatformRNW PaperRNW FabricNotes
  • alignContent
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • alignItems
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • alignSelf
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • aspectRatio
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • borderBottomWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderEndWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderLeftWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderRightWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderStartWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderTopWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • borderWidth
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics, but border impl in CBCV and CV must call updateBorderProps / updateBorderLayoutMetrics
  • bottom
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • direction
FEVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • display
FEVM+NUIMWTICV
  • end
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flex
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flexBasis
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flexDirection
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flexGrow
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flexShrink
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • flexWrap
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • height
VMB+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • justifyContent
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • left
VMB+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • margin
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginBottom
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginEnd
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginHorizontal
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginLeft
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginRight
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginStart
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginTop
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • marginVertical
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • maxHeight
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • maxWidth
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • minHeight
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • minWidth
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • overflow
NUIMPri 1
  • padding
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingBottom
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingEnd
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingHorizontal
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingLeft
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingRight
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingStart
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingTop
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • paddingVertical
CVM+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • position
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • right
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • start
NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • top
VMB+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • width
VMB+NUIMCBCV+WTICVFabric: RN Core resolves LayoutMetrics
  • zIndex
FEVMPri 1

Shadow Props

4/4

APIPlatformRNW PaperRNW FabricNotes
  • shadowColor
NoCBCV+WTICVFabric:#12108, Shadow props impl in CBCV and CV must call updateShadowProps
  • shadowOffset
iOSNoCBCV+WTICVFabric:#12108, Shadow props impl in CBCV and CV must call updateShadowProps
  • shadowOpacity
iOSNoCBCV+WTICVFabric:#12108, Shadow props impl in CBCV and CV must call updateShadowProps
  • shadowRadius
iOSNoCBCV+WTICVFabric:#12108, Shadow props impl in CBCV and CV must call updateShadowProps

Native Component Methods

2/2

APIPlatformRNW PaperRNW FabricNotes
  • blur()
WindowsTIVM+VMBCBCVFabric:#11323
  • focus()
WindowsTIVM+VMBCBCVFabric:#11323

Glossary

See theGlossary to decode the abbreviations above and/or theRNW Fabric Inventory.xlsx.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions


      [8]ページ先頭

      ©2009-2025 Movatter.jp