hosanna-ui-docs - v0.9.0
    Preparing search index...

    Class TextInputView<T, R>

    TextInputView is a composite view for displaying a text input field.

    • Supports placeholder, password, icon, and custom styles.
    • Handles keyboard dialog and text change events.
    TextInput({
      placeholderText: 'Input text or JWT/cipher...',
      styleKey: 'controls.TextInput.default',
      height: 100,
      width: 800
    }).onTextChange((event) => this.inputText = event.text)

    Type Parameters

    Hierarchy (View Summary)

    Index

    Constructors

    constructor

    Properties

    __isMemoizedStateValid _cacheKey _hid _isInFocusChain _rendereredTranslation activeStyleViewStatus aggregateView audioGuideHint? audioGuideItem? backgroundColor backgroundUri calculatedHeight calculatedWidth calculatedX calculatedY canReceiveFocus children childrenChanged clippingRect color compositeView customData? defaultValues eventHandlers focusedChildId? focusId focusIndicatorColor focusIndicatorUri height horizontalAlign horizPadding iconColor iconSize iconUri id includeInLayout initialFocusId inputType instancePool isFocused isLayoutDirty isPresented isSkeleton isWaking keyboardDialogUtil nextViewId nodePool onTextChange? opacity parent? partialRendererHibernatedState placeholderText rotation scale scaleRotateCenter scrollablePositionX scrollablePositionY staticType styleRegistry subViews subViewsChanged text textIconGap textToShow titleFontKey translation viewOwner viewStatus visible width

    Accessors

    renderer viewPhase

    Methods

    addChild addChildren addRendererToParentViewRenderer addSubView applyIdsToViewStructs applyInitialState applyLayoutStateToNativeRenderer applyStateChanges buildView canMeasureBounds clearErrorByErrorField clearErrors configureAudioGuideItem containsChild createDataEvent dismiss dispatch dispatchAction dispatchAsync dispatchSelection findNextFocusable findNextFocusableView findNextFocusableViewByDirection getAudioGuideItem getBounds getBoundsInApp getBoundsInParent getChangedField getChildView getCustomData getField getFlattenedStructs getFlattenedStructsById getNavController getObservableField getSubView getSubViewRenderer hibernateView inflateViewStructs insertChild insertSubView invalidateLayout invalidateParentLayout isDescendantOf isInFocusChain layoutAt layoutChildren notifyOnFocusedChildChange onAppear onBlur onDidAddToAggregateView onDidRemoveFromAggregateView onDisappear onFocus onKeyEvent onMount onUnmount onWillAddToAggregateView onWillApplyStateChanges onWillRemoveFromAggregateView performViewManagerLayoutChildren present reconcileChildren recycle registerControlWithErrorMessage registerControlWithKnownError release removeChild removeSubView render setError setField setLayoutField setObservableField setShowOnScreen setState setViewStatus showDialog unobserveObservableObjects wakeView

    Constructors

    Properties

    __isMemoizedStateValid

    __isMemoizedStateValid: boolean = false

    _cacheKey

    _cacheKey: string = ''

    _hid

    _hid: string

    _isInFocusChain

    _isInFocusChain: boolean = false

    _rendereredTranslation

    _rendereredTranslation: [number, number] = ...
    activeStyleViewStatus: ViewStatus = ViewStatus.Normal
    aggregateView: undefined | IAggregateView.IAggregateView

    IHosannaView

    audioGuideHint?: string = ''

    This hint can be used in conjunction with the audio guide item

    audioGuideItem?: string | IAudioGuideItem
    backgroundColor: string = 'black'

    Background color of the input.

    backgroundUri: string = ''

    Background image URI.

    calculatedHeight: number = 0
    calculatedWidth: number = 0
    calculatedX: number = 0
    calculatedY: number = 0
    canReceiveFocus: boolean = true

    Indicates whether the element can receive focus.

    children: BaseView.BaseView<ViewState, ISGNGroup>[] = []

    These are the children that are rendered on screen in the tree structure of the view

    childrenChanged: boolean = false
    clippingRect: number[] = ...
    color: string = 'white'

    The text color.

    compositeView: boolean = false

    Indicates this is not a composite view.

    customData?: unknown
    defaultValues: Partial<T> = {}
    eventHandlers: Record<string, Function> = {}
    focusedChildId?: string
    focusId: string = ''
    focusIndicatorColor: string = ''

    Focus indicator color.

    focusIndicatorUri: string = ''

    Focus indicator image URI.

    height: number = 0
    horizontalAlign: SGHorizontalAlignment = SGHorizontalAlignment.Left

    Horizontal alignment of the text.

    horizPadding: { left: number; right: number } = ...

    Horizontal padding for the input.

    iconColor: string = ''

    Icon color.

    iconSize: number[] = ...

    Icon size as [width, height].

    iconUri: string = ''

    Icon image URI (e.g., for password).

    id: string = ''
    includeInLayout: boolean = true
    initialFocusId: string = ''
    inputType: TextInputType = TextInputType.Text

    Input type (text, password, number, email).

    instancePool: IInstancePool
    isFocused: boolean = false

    Indicates whether the element is currently focused.

    isLayoutDirty: boolean = false
    isPresented: boolean = false

    If true, this view has been presented in an AggregateViewController

    isSkeleton: boolean = false
    isWaking: boolean = false
    keyboardDialogUtil: KeyboardDialogUtil = ...

    Utility for showing keyboard dialogs.

    nextViewId: number = 0
    nodePool: INodePool
    onTextChange?: ViewEventHandler<TextInputEvent>

    Event handler called when the text changes.

    opacity: number = 1.0
    parent?: IHosannaView<ViewState> = undefined
    partialRendererHibernatedState: Partial<T> = {}
    placeholderText: string = 'Enter text'

    Placeholder text when input is empty.

    rotation: number = 0
    scale: number[] = ...
    scaleRotateCenter: number[] = ...
    scrollablePositionX: undefined | number = undefined
    scrollablePositionY: undefined | number = undefined
    staticType: ViewStaticType = ViewStaticType.None
    styleRegistry: IStyleRegistry
    subViews: BaseView.BaseView<ViewState, ISGNGroup>[] = []

    These are the children that were created in getViews, in a flat strcuture - it contains EVERYTHING that we declared.

    subViewsChanged: boolean = false

    text

    text: string = ''

    The current text value.

    textIconGap: number = 12

    Gap between text and icon.

    textToShow: string = ''

    The text to show (masked or placeholder).

    titleFontKey: string = 'Medium, 30'

    Font key for the label.

    translation: number[] = ...
    viewOwner: IHosannaView<ViewState>

    The IHosannaView subclass that created us in getViews

    viewStatus: ViewStatus = ViewStatus.Normal
    visible: boolean = true

    Indicates whether the navigatable entity is visible.

    width: number = 0

    Accessors

    Methods

    • Builds the view and attaches it to the view owner.

      Parameters

      • struct: ViewStruct<ViewState>
      • OptionalmountTarget: IHosannaView<ViewState>

        The target to mount the view.

      • childIndex: number = -1

      Returns undefined | IHosannaView<ViewState>

      The built view or undefined.

    • Parameters

      • nextStructs: ViewStruct<ViewState>[]
      • map: Record<string, ViewStruct<ViewState>> = {}
      • idList: { childIndex: number; id: string }[] = []

      Returns {
          idList: { childIndex: number; id: string }[];
          mappedNextStructs: Record<string, ViewStruct<ViewState>>;
      }

    • Presents a new screen in the navigation stack or as a dialog.

      Parameters

      • screen: ViewStruct<ViewState>

        The screen to be presented, represented by a ViewStruct<ViewState>.

      • Optionaloptions: IScreenPresentationOptions

        Optional presentation options.

        • isDialog

          If true, the screen will be presented as a dialog.

        • animated

          If true, the screen transition will be animated.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    __isMemoizedStateValid_cacheKey_hid_isInFocusChain_rendereredTranslationactiveStyleViewStatusaggregateViewaudioGuideHintaudioGuideItembackgroundColorbackgroundUricalculatedHeightcalculatedWidthcalculatedXcalculatedYcanReceiveFocuschildrenchildrenChangedclippingRectcolorcompositeViewcustomDatadefaultValueseventHandlersfocusedChildIdfocusIdfocusIndicatorColorfocusIndicatorUriheighthorizontalAlignhorizPaddingiconColoriconSizeiconUriidincludeInLayoutinitialFocusIdinputTypeinstancePoolisFocusedisLayoutDirtyisPresentedisSkeletonisWakingkeyboardDialogUtilnextViewIdnodePoolonTextChangeopacityparentpartialRendererHibernatedStateplaceholderTextrotationscalescaleRotateCenterscrollablePositionXscrollablePositionYstaticTypestyleRegistrysubViewssubViewsChangedtexttextIconGaptextToShowtitleFontKeytranslationviewOwnerviewStatusvisiblewidth
    Accessors
    Methods
    addChildaddChildrenaddRendererToParentViewRendereraddSubViewapplyIdsToViewStructsapplyInitialStateapplyLayoutStateToNativeRendererapplyStateChangesbuildViewcanMeasureBoundsclearErrorByErrorFieldclearErrorsconfigureAudioGuideItemcontainsChildcreateDataEventdismissdispatchdispatchActiondispatchAsyncdispatchSelectionfindNextFocusablefindNextFocusableViewfindNextFocusableViewByDirectiongetAudioGuideItemgetBoundsgetBoundsInAppgetBoundsInParentgetChangedFieldgetChildViewgetCustomDatagetFieldgetFlattenedStructsgetFlattenedStructsByIdgetNavControllergetObservableFieldgetSubViewgetSubViewRendererhibernateViewinflateViewStructsinsertChildinsertSubViewinvalidateLayoutinvalidateParentLayoutisDescendantOfisInFocusChainlayoutAtlayoutChildrennotifyOnFocusedChildChangeonAppearonBluronDidAddToAggregateViewonDidRemoveFromAggregateViewonDisappearonFocusonKeyEventonMountonUnmountonWillAddToAggregateViewonWillApplyStateChangesonWillRemoveFromAggregateViewperformViewManagerLayoutChildrenpresentreconcileChildrenrecycleregisterControlWithErrorMessageregisterControlWithKnownErrorreleaseremoveChildremoveSubViewrendersetErrorsetFieldsetLayoutFieldsetObservableFieldsetShowOnScreensetStatesetViewStatusshowDialogunobserveObservableObjectswakeView