React-native-ui-kitten: Input: unsupported configuration. Check one of the following prop values

Created on 7 Aug 2019  ·  5Comments  ·  Source: akveo/react-native-ui-kitten

Issue

  • [x] bug report

Issue description

Once I added size props with value = 'tiny'
_Determines the size of the component. Can be giant, large, medium, small, or tiny. Default is medium._
Input: unsupported configuration.
Check one of the following prop values {
"appearance": "default",
"variants": [
"tiny"
],
"states": []
}
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/components/input/api

Current behavior:
The size was not changed

Expected behavior:
Show small Input

import React from 'react';
import { Input as UIKInput } from 'react-native-ui-kitten';

export default function Input(props) {
  return <UIKInput {...props} size="tiny" style={{ marginBottom: 20 }} />;
}

Other information:

OS, device, package version

    OS: Linux 4.15 Ubuntu 16.04.4 LTS (Xenial Xerus)
      CPU: (4) x64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz
      Memory: 123.69 MB / 5.73 GB
      Shell: 5.1.1 - /usr/bin/zsh
    Binaries:
      Node: 10.15.0 - ~/.nvm/versions/node/v10.15.0/bin/node
      Yarn: 1.6.0 - /usr/bin/yarn
      npm: 6.4.1 - ~/.nvm/versions/node/v10.15.0/bin/
    npmPackages:
      react: 16.8.3 => 16.8.3 
      react-native: ^0.59.10 => 0.59.10 
    npmGlobalPackages:
      react-native-create-library: 3.1.2
Documentation Bug

Most helpful comment

Hi 👋
We're sorry, but this is a documentation issue. You can use one of the following sizes: small, medium, or large

Thanks for reporting this

All 5 comments

Hi 👋
We're sorry, but this is a documentation issue. You can use one of the following sizes: small, medium, or large

Thanks for reporting this

@artyorsh can we customize input style so that it is even smaller then small.? i tried changing minHeight:20 but it doesn't change height of input. it seems like minHeight stays at small i.e 40 even if i change it.

Just noticed this is quite tricky to do that with inline styling. Thanks for the question
You can try doing this with extending Eva configuration.

Using this guide you can simply add a tiny variant, configured like any other size variant.
Feel free to ask for help here

Example
This will extend an Input configuration, so you're able to pass a tiny value into a size property

Thanks @artyorsh. I will try this.

Was this page helpful?
0 / 5 - 0 ratings