How to change input mode from outline into no border?

[muslimmuda15]

Just like the image, I have no any clue from documentation about how to change it

[TaranVitalii]

it can be like hot fix, if you find better approach I would be happy to see a solution

        value={value}
        isFocused={isFocused}
        onFocus={onFocus}
        onBlur={onBlur}
        onChangeText={onChangeText}
        containerStyles={styles.containerStyles}
        inputStyles={styles.inputStyles}
        labelStyles={styles.labelStyles}
        customLabelStyles={styles.customLabelStyles}
        rightComponent={
          isPresent(value) ? (
            <S.RightSideButtons>
              <TouchableOpacity onPress={onClearHandler}>
                <Icon width="24" height="24" name="clear" />
              </TouchableOpacity>
            </S.RightSideButtons>
          ) : undefined
        }
        {...props}
        label={getTranslation(label) as string}
      />

        borderBottomWidth: 1,
        borderBottomColor: theme.colors.strokeGrey,
        backgroundColor: '#00000000',
        paddingTop: 10,
        marginBottom: 24,
        ...(containerStyles && containerStyles),
      },
      inputStyles: {
        fontSize: 20,
        fontWeight: '600',
        fontFamily: FONTS.INTER_REGULAR,
      },
      labelStyles: {
        fontWeight: '400',
        fontFamily: FONTS.INTER_REGULAR,
      },
      customLabelStyles: {
        topFocused: -20,
        leftBlurred: 1,
        colorBlurred: theme.colors.normalBlack,
        colorFocused: theme.colors.activeBlack,
      },

[mathan26]

Any other solution ?

[Jamal-ReachFirst]

Required feature

type = "float" or "outlined"