Skip to content

react-native-floating-label-text-input is not visible in react-native-popup-dialog #33

@AishwaryaSurana

Description

@AishwaryaSurana

I am using react-native-popup-dialog with FloatingLabelTextInput but it is not shown within Dialog. whereas simple TextInput component of react-native is appearing within. What is the issue with it?
Below is my code:


<PopupDialog
          dialogTitle={<DialogTitle title="Dialog Title" />}
          ref={(popupDialog) => { this.popupDialog = popupDialog; }}>
            <View>
            <Text>Hello</Text>

            <TextInput
              style={{height: 40}}
              selectionColor="#f66e09"
              keyboardType= 'default'
              placeholder="First Name and Last Name"
              autoCapitalize = "none"
            />
            <FloatLabelTextInput
              style={{height: 40}}
              selectionColor="#f66e09"
              keyboardType= 'numeric'
              placeholder="Contact No."
              autoCapitalize = "none"
            />
            <TextInput
              style={{height: 40}}
              selectionColor="#f66e09"
              keyboardType= 'email-address'
              placeholder="Email"
              autoCapitalize = "none"
            />
          </View>
        </PopupDialog>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions