Stack Overflow
Stack Overflow

Questions tagged [react-native-ui-kitten]

This tag is used for questions concerning the use of UI Kitten, a React Native framework for cross-platform mobile applications. The tag [react-native] should also be used in order to reach more people. For platform specific questions also include the appropriate platform tag such as [android].

The website for UI Kitten is https://akveo.github.io/react-native-ui-kitten/ which describes the framework as follows:

UI Kitten is a React Native implementation of Eva Design System. It contains a set of general purpose UI components styled in a similar way. You focus on business logic and the Kitten takes care of visual appearance. And the most awesome thing: the themes can be changed in the runtime, without any need of reloading the application.

For information about the Eva Design System see https://eva.design/

126 questions
1
vote
1 answer

Detox issue on React Native Expo project

When I try to run my E2E test using Detox on my expo project, I got an unknown issue. I have a Input component (@ui-ketten/component) and it's testId is SignUpEmailInput. I can navigate to the Signup screen in which the Input will be shown and I can…
Marko Zrinjanin
  • 11
  • 1
1
vote
1 answer

How to remove this blue outline in iOS browsers for UI Kitten input component

I use UI Kitten + expo + react-native-web for my project, when I open my app in ios browsers, e.g. chrome, safari, the text input when focused has this blue outline, for example: (I can't post images so I will post the links here, sorry for the…
R.Shen
  • 17
  • 4
1
vote
2 answers

React UI Kitten Styling TabBars

Pretty simple question and concept here, I am using the react UI Kitten Framework for a React Native Project, and for the life of me I cannot change the styling on the TabBar's Tab components. I've looked at the documentation, and this is where it…
user17306847
1
vote
0 answers

Use custom fonts within expo/Node.js-monorepo with UI Kitten

I am using this monorepo as a base template. I installed UI Kitten based on the instructions in the UI Kitten documentation cd ./packages/expo yarn add @ui-kitten/components @eva-design/eva react-native-svg I also installed the following packages,…
Kruspe
  • 626
  • 6
  • 19
1
vote
1 answer

Is it possible to implement Roboto Medium-500 weight font building an application using UI Kitten + React Native?

I've been told by developer that only Regular 400 and Bold 700 can be implemented. Can someone please confirm this? Thanks!
Katie
  • 11
  • 3
1
vote
0 answers

React native need manual refresh ctrl+s to display data

export default class AchieveScreen extends ValidationComponent{ constructor(props) { super(props) this.state = { visible: false, filter: 1, date: new Date(), selected: new Date(), loaded: false, …
Amr shadid
  • 21
  • 6
1
vote
1 answer

UI Kitten - RangeCalendar component is not fitting with the mobile screen width. How to handle the width of the component?

UI Kitten - RangeCalendar component is not fitting with the mobile screen width. I don't see the width property in the document https://akveo.github.io/react-native-ui-kitten/docs/components/calendar/api#rangecalendar. How to handle the width of…
Sathya
  • 233
  • 1
  • 4
  • 13
1
vote
1 answer

React native UI Kitten causes slow start up

I noticed that when The ApplicationProvider tag is present, my react native app start up time increases to more than 5 seconds. I've already followed the guide from UI-Kitten team by improving the performance through configuring the metro.config.js…
user1885498
  • 823
  • 1
  • 8
  • 19
1
vote
1 answer

How to show actual value and original option id in Select option UI kitten?

I am fetching data from API for the options to display in Select component of UI Kitten data format is like this const data = [ { "id": 1, "name": "General", }, { "id": 2, "name": "Other Category", }, …
HaryanviDeveloper
  • 1,005
  • 1
  • 8
  • 15
1
vote
1 answer

FlatList inside a FlatList does not scroll

Snack: https://snack.expo.io/@mr3mo/snack-flatlist I am trying to render a screen where it will show various graphs and one or more tables. The screen needs to be scrollable. I used a ScrollView for the parent scroll before but this was giving me a…
mr3mo
  • 135
  • 1
  • 10
1
vote
2 answers

'UI-Kitten' Select Component not rendering value

I am using react naitve with UI-kitten and formik to build a registration form. I am using select component of ui kitten inside formik. I am not been able to get the selected value from the component. It gives me the index of the selected item (in…
zaid mohammad
  • 67
  • 2
  • 10
1
vote
1 answer

How do you change the font family and font size for ui-kitten Tab component

I am struggling to understand how I can change the font-family, font-size, bold, etc for the Tab component. Can someone point me in the right direction Many thanks Stephen (SquareHat) p.s. I could not find the tag ui-kitten as suggested on the…
RepellantCoder
  • 141
  • 1
  • 4
1
vote
0 answers

Prevent Hiding Keyboard when Using Autocomplete

Here is my code: When I focus on the Autocomplete and…
Nick Turtle
  • 71
  • 7
1
vote
1 answer

MobX observable changes not updating components

I have a store in MobX that handles containing the cart, and adding items to it. However, when that data is updated the components don't re-render to suit the changes. I tried using useEffect to set the total price, however when the cartData…
Recon
  • 608
  • 9
  • 18
1
vote
1 answer

UI Kitten - Modal - How to style and set size, color etc?

I'm tyring to implement the UI Kitten modal into my app. I have the modal working just fine. The issue I am having in setting the stle, size and color of the modal.
exlnt
  • 293
  • 3
  • 20
1 2
3
…
8 9