React-native-ui-kitten: 📆 [Sticky] UI Kitten 4.2 Discussion & Roadmap

[artyorsh]

This is a communication-open issue indicating version 4.2 roadmap. Our plan is:

Features

• Popover auto-placement #258
• RTL support #561

UI components

• Select #523
• Calendar #520
• Drawer #521
• Activity Indicator #519

Modules

In version 4.2, we're going to become a modular framework. This means it will help you with creating apps with more flexibility allowing to install the only things you need! Besides the main package of UI components, we also going to introduce following easily adaptable to UI Kitten packages:

• Eva Icons #522. A pack of more than 480 beautifully crafted Open Source icons.
• Moment and date-fns adapters for Calendar component. By default, a calendar component will work with a native date object, but we also going to introduce additional packages that will allow you to work with moment or date-fns (if you're looking for easier formatting)
• Template App Module #553. Supporting module to make a start as easy as react-native init --template ui-kitten

Documentation

• Add more ready-to-go examples in the component Overview section #442

Feel free to add your proposals on what we need to include!

[sudomann]

I'm curious, whats the timeline for the features on your roadmap?

[malashkevich]

Hello @sudomann.
We don't have an exact date for this.
I guess 4.2 will be landed approx. at the end of August - start of September.

[klaaz0r]

Are there any plans for audio and video components?

[malashkevich]

@klaaz0r actually we don't plan something similar into 4.2. But it would be nice if you create an issue with the description of what you need. So we would know the users' opinions.

[klaaz0r]

@malashkevich will do! Thanks for your response!

[sudomann]

I see the documentation shows different input types:

But I have only been able to get a plain single line input field. The docs don't demonstrate how to change to a picker, for example, even though the image shows it. Perhaps the picker should be made into its own component like react-native's Picker?

[artyorsh]

@sudomann Yes, we have this documentation issue. But in 4.2 will include this component. We call it Select 🚀

[artyorsh]

@sudomann glad to announce you're able to use this component. We just released v4.2 beta, so you can update with npm i react-native-ui-kitten@beta @eva-design/eva@beta

[sudomann]

Awesome! Right on the weekend 🙂 so is there any documentation for 4.2 improvements yet?

[artyorsh]

Yes. Check this release comment. I also recommend you subscribing to this issue to stay tuned on the latest updates 👍

[ibraveboy]

not able to import { Icon } from react-native-ui-kitten
and also { IconRegistry }

[artyorsh]

@ibraveboy It's only available in 4.2-beta for now: npm i react-native-ui-kitten@beta @eva-design/eva@beta

[ibraveboy]

@artyorsh thank you i was following the documentation and this was not mentioned there. Thanks again.

[sudomann]

Nice work with releasing 4.2! :)

I don't know if I'm doing something wrong or this is a bug, but when i try to use Calendar or Datepicker I'm getting:

console.error: "
Calendar: unsupported configuration.
Using UI Kitten components is only possible with configuring ApplicationProvider.
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/guides/install-ui-kitten#configure-application-root

In case you have all in place, there might be an incorrect usage of a "styled" function.
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/design-system/custom-component-mapping"

install/console.error
    YellowBox.js:63:8
StyleConsumerService
    styleConsumer.service.js:23:20
Wrapper/_this.onInit
    styleConsumer.component.js:119:31
Wrapper/_this.renderWrappedElement
    styleConsumer.component.js:133:25
onmessage</<
    debuggerWorker.js:80:58

My code for both are exactly as your docs have it, very simple example.

[artyorsh]

@sudomann You also need to update eva
npm i @eva-design/eva@latest

[sudomann]

Wow, looks very nice, and I like the new changes to eva styling. You guys are doing some amazing work here 👍