277 questions
0
votes
0
answers
35
views
react-native-elements support for new architecture, when?
When should we expect react-native-elements to release a new version which support the new latest react-native architecture?
0
votes
1
answer
184
views
React-native: TouchableOpacity and Icon with absolute touchable background issue
I'm using TouchableOpacity for a card and there is a heart icon with white absolute background and for background I'm also using touchable opacity (for Icon BG). The problem I'm facing here is that ...
- 48
1
vote
1
answer
209
views
Image component of React Native Elements library is cropping the image on resize
I am new to react native and I am searching for a good component library, React Native Elements looked like a popular library but I can't get the image component working.
I have a really big image and ...
- 1,078
0
votes
1
answer
162
views
How to make react native rounded button background to transparent or remove white from the background?
I use react native elements button to create the buttons. The button style is applied from theme. Button style is
Button: (props,theme)=>({
loading: false,
raised: true,
...
- 161
1
vote
1
answer
248
views
React Native Overlay child component's onPress event for navigating to a different page does NOT work
I am displaying Home component in my overlay and it has a set of links which onPress navigate to different pages, the Home component itself works fine however it doesn't trigger navigation within the ...
- 2,751
1
vote
1
answer
1k
views
React Native Elements theme is not working
I am creating a react native app. For my component ui library i choosed react-native-elements.
Now i want to apply my own theme to it, however it is not working 100%. When i want to override the ...
- 33
0
votes
1
answer
879
views
How to change Track Color in a Slider
I was using Slider component from the library 'react-native-elements'. Below is the code for your reference:
<Slider
style={{ width: '70%', marginTop: -12 }}
...
- 85
2
votes
0
answers
128
views
Typescript error for Icon from react-native-elements
I am getting a typescript error when I try to use icons from react-native-elements.
This is the error.
Property 'tvParallaxProperties' is missing in type '{ type: string; name: string; color: string; ...
2
votes
2
answers
155
views
Can't render Card from react-native-elements
I have been simply trying to render a card from react-native-elements UI library. Here is the documentation that I've been looking through and literally copied and pasted from: https://...
- 91
2
votes
1
answer
684
views
react-native-elements + Next.js gives “Module parse failed: Unexpected token. You may need an appropriate loader to handle this file type.”
I have a combined Expo/React Native + Next.js project (native + web app), based on Expo’s instructions (see guide, @expo/next-adapter, code example).
Source code: https://github.com/tomsoderlund/...
- 4,787
0
votes
1
answer
849
views
Change the drag of ListItem.Swipeable from React Native Elements
I've been using the Swipeable component from react-native-gesture-handler to handle my swipeable list items, but Swipeable is causing lag on the JS thread during the initial render, according to my ...
- 463
3
votes
1
answer
1k
views
React native elements with jest not working
I'm using @testing-library/react-native but when I try to test a component that has any rneui: 4.0.0-rc-6 components I get several errors:
The first now was
Details:
/Users/ep/myProject/...
- 371
0
votes
2
answers
1k
views
React native 0.69.5, react-native-elements, Icon component showing just X
Tried both ways to show Icon:
with import { Icon } from 'react-native-elements'
with import Icon from 'react-native-vector-icons/FontAwesome'
Dependencies
import { Icon } from 'react-native-...
- 185
0
votes
1
answer
2k
views
react native element listItem.accordion
//I am rendering an API response with the help of FLatlist but when I press the expand option it will open all the accordions.................
import { View, Text, StyleSheet, FlatList } from 'react-...
1
vote
1
answer
1k
views
Custom theme is not applied to the react-native-elements components
I've created a custom theme and passed it to ThemeProvider, but it hasn't been applied to react-native-elements components. I'm using react-native-elements version 4.0.0-rc. Here is my code:
Custom ...
- 11
0
votes
1
answer
3k
views
React-Native-Elements Tooltip non functional
I'm trying to add a tooltip component to my react native project, I installed React Native Elements to do this. I know it's installed correctly because the Divider component worked perfectly fine. For ...
- 13
0
votes
1
answer
1k
views
Ternary Operators and Text Input
I am creating an app that is text to sound translator. And I am using input text from react-native-elements, as well as ternary operators. How do I check if the text input box is empty or has any ...
0
votes
1
answer
573
views
Why does the Input of 'react-native-elements' go out of the Modal Window?
I am working with a form to change the user's name, email and password.
All elements are from 'react-native-elements', Button, Icon and the Input.
This is displayed in a Modal created with Overlay of '...
- 284
1
vote
1
answer
2k
views
How to change background color (safeareaview) with React Native Elements theme property?
I have started using React Native Elements (https://reactnativeelements.com) for a new project.
I am trying to update the light and dark theme colours (https://reactnativeelements.com/docs/...
- 11
0
votes
2
answers
392
views
onPress event not called on react-native element
I am using react-native-elements to add an Avatar and want to perform an action when the Avatar is pressed.
import { Avatar } from 'react-native-elements';
<Avatar
size={50}
...
- 21
1
vote
0
answers
646
views
React navigation and react native elements header types are incompatible?
I have been banging my head against this for hours and can't resolve it or make sense of the actual issue.
I have a Home screen where I'm trying to set the headerLeft and headerRight elements
...
- 2,523
3
votes
1
answer
522
views
Using React Native Elements, how can I globally style the text color of a <ListItem.Title> component?
I'm using the react-native-elements ui framework with ThemeProvider and trying to globally style the text of a component like this...
<ListItem bottomDivider>
<ListItem.Title>Name</...
- 2,342
0
votes
1
answer
84
views
Unable to resolve module ./list/ListItem from E:\socal project\social-app\node_modules\react-native-elements\dist\index.js:
I'm facing the error while using the react-native-elements (search bar)
0
votes
1
answer
510
views
react-native-elements fontFamily issue
After installing react-native-elements and its dependencies, I'm unable to get the SearchBar component to render as it should
import React, { useState } from 'react';
import { View, StyleSheet } from '...
- 5,212
0
votes
1
answer
721
views
How to use useEffect to change boolean values
I have 2 user text inputs called Search Location and Coordinates. I'm trying to use a checkbox when selected allows search location to be edited and the coordinates input be disabled and vice versa ...
user17280123