122 questions
0
votes
0
answers
119
views
Issue with running the web build after upgrading to Expo 53 and React Native 0.79
enter image description here
What I tried:
Updated to Expo 53 and React Native 0.79.
Added babel-loader to webpack.config.js to transpile @ui-kitten/components and react-native modules.
Set up babel....
- 1
2
votes
0
answers
205
views
UI Kitten with Expo Navigation and Theming not working together?
I'm trying to make use of UI Kitten in my Expo React Native project. From the UI Kitten documentation, it seemed that Expo Navigation would not work and that I would have to replace Expo Navigation ...
- 2,264
1
vote
1
answer
200
views
React Native iOS modal/popup disappears immediately
I am developing a native module to integrate payments.
After debugging with xcode and using symbolic breakpoints I found the source of the issue, but I want to understand why this is happening, and ...
- 1,337
0
votes
2
answers
564
views
React Native UI Kitten How to override default colour for components like Spinners and Progress Bars
I'm trying to change the colour of a spinner and a progress bar on one screen only, so don't want to mess around with the default EVA colourscheme.
I can pass in backgroundColor to the style but that ...
- 9
0
votes
1
answer
68
views
Navigate using MenuItem onPress
I'm using UI-Kitten's Topbar, and in there, I want to switch to a different Screen onPress:
const MenuIcon = (props): IconElement => (
<Icon
{...props}
name='three-bars'
/>...
- 33
1
vote
0
answers
427
views
My Expo App will not Compile for web with Ui-Kitten
I am currently trying to export an application I created to web with ui-kitten and expo, I am currently encountering an issue with ui-kitten.
When I try to run the command:
npx expo export:web
I ...
1
vote
0
answers
129
views
Failed to parse source map / unable to compile the code
I unable to complete my node code. I am getting lot of warnings. I set GENERATE_SOURCEMAP=false and it is not working fine.
WARNING in ./node_modules/@eva-design/eva/index.js
Module Warning (from ./...
- 893
0
votes
1
answer
135
views
How do I prevent a user from inputting multiple periods in React Native?
I'm using UI Kitten's Input component and react-hook-form and I don't want the user to put more than one period onPress so once one period is inputted, the user wouldn't be allowed to input another; ...
- 223
1
vote
1
answer
389
views
How to switch to material design in Ui Kitten?
I would like to use UI Kitten. I have seen in the documentation examples of components using Material Design and Eva Design.
I would like to know how to switch to different styles. But I didn't find ...
- 13
1
vote
1
answer
192
views
Resolved: Datepicker clicking month error: Attempt to invoke interface method 'int com.facebook.react.bridge.readablearray.size()' on a null object
Everything is ok but when clicking month then got the error: Attempt to invoke interface method 'int com.facebook.react.bridge.readablearray.size()' on a null object reference.
This is the Call page:
...
- 11
1
vote
3
answers
2k
views
Invariant Violation: requireNativeComponent: "RNSVGSvgViewAndroid" was not found in the UIManager in Android
I am using expo sdk 47 Managed Workflow and try to build project with UI Kitten Framework
https://akveo.github.io/react-native-ui-kitten/
On iOS everything works fine.
On Android I have an issue ...
- 11
0
votes
1
answer
327
views
Is there anyway to hide ui-kitten bottom tabs on keyboard? react native
I can't find anyway to hide ui-kitten bottom tabs, its is always showing even on keyboard input. Is there a way to hide it?
Please help, thank you!
I've tried with tabBarOptions={{ keyboardHidesTabBar:...
1
vote
0
answers
215
views
React Native UI Kitten: Difficult to click <Tab> component
I'm using UI Kitten <Tab/> in my React Native app, and it's difficult to click. It seems as though only a tiny fraction of the tab at the bottom is actually clickable. My code is:
import { ...
- 7,648
0
votes
2
answers
962
views
Finding the buttons on the screen that have no text for the test
I am trying to write the tests for the NavBar component (using react-native-testing-library) that has several buttons that are basically just icons (using ui-kitten for react native). So I can't get ...
- 161
0
votes
1
answer
1k
views
Testing the ui-kitten button with react native testing library
I am trying to test that the Button navigates to the right screen using react-native-testing library. I am using UI Kitten library for my components and facing the issues because of it. I am simply ...
- 161
1
vote
1
answer
756
views
React Native with UI Kitten icons results in a null object reference on Android
I'm using UI Kitten library for my React Native app UI, and when I add their icon pack the Android app errors, iOS works fine.
Android gets:
Attempt to invoke virtual method `int java.lang.Integer....
- 1,958
-1
votes
1
answer
645
views
Dynamic drawer items in React Native
I need to create a dynamic menu regarding to the logged user.
If the user is not logged in, i only want to show Home and Login.
In case Admin is logged i want to show Home, Orders, Users, My Account ...
- 31
2
votes
1
answer
495
views
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....
0
votes
1
answer
601
views
Kitten UI (React Native) Input Styles incorporate in React Native Google Places Auto Complete
I'm trying to use the exact style of React Native Kitten UI Auto Complete with Theme(light and dark) capability in the React Native Google Places Auto Complete
Have tried a few things like custom ...
- 7,307
4
votes
1
answer
2k
views
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 ...
0
votes
0
answers
405
views
Why can't I pass an object to `navigation.navigate()`?
I'm using the UI Kitten library. I can store routes in an array and pass an array index to navigate()
Here's what I'm doing. I store my routes in an array like this:
const routeNames = [
'Customers',...
- 353
0
votes
1
answer
827
views
How can I use UI kitten OverflowMenu component properly?
I'm on the Tasks screen where I have a UI kitten Overflow Menu component bound to a card, while I'm on Tasks, it works as expected, but when I switch to another screen (Habits screen) and I go back to ...
1
vote
1
answer
472
views
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 ...
2
votes
0
answers
161
views
Unrecognized font-family '$text-font-family' - React-native CLI - ui-kitten - ios simulator
I am developing my first react-native app using react-native CLI.
I have a working setup with android simulator on PC and I just got the simulator working on my Mac using cocoapods and xcode.
The ...
2
votes
1
answer
684
views
UI Kitten - toggling theme in runtime does not have any effect
I am trying to toggle between light and dark theme on the runtime by following the documentation. When I toggle the theme within a component, the toggle function in App.js is called, but setting the ...
- 21
1
vote
1
answer
4k
views
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 ...
- 17
0
votes
0
answers
314
views
Making react native TopNavigation bar absolute
So what i want to achieve is a navigation bar that has a background color of blue and have a 60% opacity so that it can show the image behind it. I can only achieve this by making the header's ...
-1
votes
1
answer
52
views
Replacing reactnative Stack.navigator Topbar
So I wanted to replace the stack.navigator top bar with KittenUi top navigation component. Im not a mobile developer but my company is to cheap to hire one. I'm using react-native expo.
1
vote
2
answers
1k
views
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 ...
user17306847
1
vote
0
answers
800
views
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-...
- 655
2
votes
1
answer
313
views
Hot to configure metro for UI Kitten build in EAS CI?
I am trying to use @ui-kitten/metro-config with the new EAS build flow from Expo.
Everything works well when I build an app for development and serve it through a development client. However, when I ...
- 86
-1
votes
1
answer
145
views
React native Gesture response system does not work in IOS production
None of the modules that provide gesture capabilities work as expected in production IOS, they only work if you hold your finger lightly and slide very slowly over the element. All modules behave the ...
0
votes
1
answer
366
views
UI Kitten and initialRouteName
I am trying to set a specific tab to start the application. UI kitten's navigation, starts up with the first tab, and actually I want the tab that is in the second position to be the first to appear ...
- 209
1
vote
1
answer
355
views
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!
- 11
0
votes
1
answer
252
views
UI Kitten calendar future years disabled
Does anyone understand why the UI Kitten Calendar component is only enabled for the current year? It's 2021 now and when I try to select a day from future or past years in the demo live view for "...
- 86
0
votes
1
answer
882
views
How to render a field of same name only one time in react native while mapping
I have a realm database synced up. The database contains multiple products having categories and company name. Some products have same company name, some products have same category name and some ...
- 84
1
vote
0
answers
477
views
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(),
...
- 31
1
vote
0
answers
736
views
React native styled components tintColor not working properly
This works fine(the icon is white and has the correct size):
// Logo definition
import { Icon } from '@ui-kitten/components'
const Logo = props => <Icon {...props} name='logo' pack='app' />
...
- 139
3
votes
0
answers
544
views
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 ...
- 251
1
vote
1
answer
181
views
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/...
- 233
1
vote
1
answer
495
views
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 ...
- 853
4
votes
4
answers
3k
views
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 ...
- 197
0
votes
1
answer
380
views
React Native redux state array update causes undefined error
I'm building a RN app and I just recently learned REDUX and applied it into my app. I have a shopping cart feature in my mobile app. On one screen the user can add items to the cart. Then when they ...
- 303
0
votes
1
answer
851
views
Top navigation items in header constantly flickers when typing
The image in the header constantly flickers when I type. May I ask how do I stop this flickering at the top right hand corner or accessoryRight? I am using this TopNavigation component from UI Kitten ...
- 566
0
votes
2
answers
2k
views
How can I install UI Kitten on Expo?
I'm trying to use UI Kitten on my project but can't figure out how to install UI Kitten on Expo.
expo install @ui-kitten/eva-icons @eva-design/eva @ui-kitten/components react-native-svg
Error:
npm ...
- 177
3
votes
0
answers
750
views
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: https://...
- 31
0
votes
1
answer
360
views
UI Kitten functional component - Props undefined
I'm developing a react native mobile app using UI Kitten. I'm still fairly new to both react native and UI kitten, so I am using the just the plain Javascript template VS the Typescript template.
I ...
- 303
1
vote
1
answer
1k
views
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&...
- 1,135
0
votes
0
answers
529
views
How to get the current theme in ui-kitten react native, i.e. whether the current theme is dark or light?
I am trying to change the background color of my react native app based on the current theme, i.e., whether it is dark or light.
Here is my code :
const SignUp = ({navigation}) => {
const [email, ...
0
votes
1
answer
1k
views
Expo app problem loading especific custon font weights
I have created an react-native/typescript app with expo CLI, this generate some base code, inlcuding hooks/useCachedResources to load any resources or data that we need prior to rendering the app, in ...
- 2,871