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

[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>