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
14
votes
2 answers

Expo Web failed to compile "optional chaining"

Looks like Expo Webpack doesn't optional chaining. I found this when I tried to install UI Kitten to Expo Web app. This is the compile error after I added UI Kitten to the newly created Expo…
sujameslin
  • 181
  • 1
  • 7
6
votes
4 answers

How to use Checkbox and Radio Buttons with Formik, Yup, Ui Kitten in React Native

I am using Formik and yup for forms in my app. I am not able to implement checkbox with Formik, implemented this solution but its not working with me. Below is the code I have tried so far. After implementing this solution when i click on checkbox…
Imdad Ali
  • 727
  • 1
  • 8
  • 18
4
votes
1 answer

TS2786 TypeScript not reconizing UI-Kitten components

Error message on IDE: TS2786: 'ApplicationProvider' cannot be used as a JSX component.Its instance type 'ApplicationProvider' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode'…
Trevor Philips
  • 41
  • 4
4
votes
4 answers

React Native css-what high severity vulnerability

Context In my react-native application, I am getting a high severity vulnerability regarding a package called css-what. In which it apparently is resulting in 4 other vulnerabilities because they directly or indirectly depend on css-what. Here's the…
Orthodox_Athena
  • 197
  • 2
  • 11
4
votes
4 answers

react-i18next on React Native No overload matches this call typescript

Iam trying to configure react-i18next 11.8.2 in my React Native app with typescript 4.1.2: i18n.use(initReactI18next).init({ resources: { en, es, }, lng: 'es', fallbackLng: 'es', interpolation: { escapeValue: false, …
Nicolás Angarita
  • 71
  • 1
  • 3
3
votes
0 answers

React-native ui-kitten select not working smooth, taking delay on select item

I am using @ui-kitten/components in my react-native project, and it's component select I've using it Here is my code for selectbox: const [selectedIndex, setSelectedIndex] = useState(new IndexPath(0)); const languageData = ['Select…
Surbhi Davara
  • 211
  • 1
  • 16
3
votes
0 answers

How do I use a custom theme with Runtime Theming in UI Kitten?

This is my first time posting on StackOverflow so apologies in advance :) I am new to React Native and am following this guide for UI Kitten's Runtime Theming so I understand how it works:…
MSat7
  • 31
  • 1
3
votes
1 answer

Parameter within an arrow function within a prop is not accessible (React Native)

I'm trying to pass a parameter (item, which is a data item within a FlatList) to an arrow function within a prop. Popover is a react-native-ui-kitten element. My code is given below: function PostRenderItem({ item }){ const [deleting,…
ehamwey
  • 63
  • 5
3
votes
2 answers

Keyboard and Modal with React native (UI Kitten)

I have one model with textinput inside, but, my keyboard overlap this field. I tried to use KeyboardAvoidingView, but did not work. Can someone help me please?
Paulo Vitor Nascimento
  • 46
  • 4
3
votes
1 answer

Using UIKitten Icon in Header options react navigation 5

I have a stack/drawer navigation in my application. I'd like to be able to have a menu icon in my top header navigation that toggles the Drawer menu open and closed. This is my code: import * as React from 'react'; import { useNavigation,…
mufc
  • 695
  • 3
  • 16
  • 31
3
votes
0 answers

Isolation of styles between Appearances/Variant Groups (react-native-ui-kitten)

Correct me if I'm wrong (or misusing the mapping) but I had a question about how/why variant group styles are merged between appearances? I couldn't find much documentation on this specific behavior and have not dived into the source code yet but I…
nnyath
  • 31
  • 2
3
votes
2 answers

How can I change text color of items in safe area in React Native?

I am trying to change the color of text and other icons in SafeAreaView (check this Screenshot) based on theme in react-native-ui-kitten. I tried setting color in stylesheet but no good.
Saihaj
  • 496
  • 5
  • 13
3
votes
3 answers

Increasing text size in buttons with react native ui kitten

Suppose you have a button and the size of the button is perfect, but the text size doesnt match the size of the button. How should i go about increasing the size of the Button text. Within the documentation it says to use, StyleProp,…
Ahmed Ali
  • 105
  • 2
  • 10
3
votes
1 answer

React-Native Tab Bar: Remove horizontal line (React Native UI Kitten + React Navigation)

Using the react-native-ui-kitten components BottomNavigation and BottomNavigationTab in my app running on iPhone (expo v2.21.2, react-native v0.57.1 ), there is a horizontal line on the top of the currently selected BottomNavigationTab which…
Nyxynyx
  • 61,411
  • 155
  • 482
  • 830
2
votes
1 answer

Unexpected go back on react-navigation

I have a nested stack in my project. Everything works fine but when I click a button that takes you to a page where at first it has to load the user list with useEffect, the page does a navigation.goBack (). If I take useEffect off the page, when I…
Liborio Riggi
  • 31
  • 2
1
2 3
…
8 9