Stack Overflow
Stack Overflow

Questions tagged [react-native-elements]

React Native Elements is a Cross-Platform UI Toolkit for React Native. The focus of React Native is to provide consistent design across Android, iOS and Web! Very customizable and 100% open source.

React Native Elements is an open source UI framework for building apps with .

There are many great UI components made by developers all around open source. React Native Elements takes the hassle of assembling these packages together by giving you a ready-made kit with consistent API and look and feel.

Built completely in Javascript. Starting your react native app has never been easier.

Resources

Related tags

276 questions
39
votes
12 answers

React Native FlatList not scrolling to end

I've got (what I thought was) a simple FlatList which renders a list of Cards (code below) Problem: the list renders, but won't scroll to fully display the last element in the list, OR to the content below the FlatList What I've tried: basically…
rubie
  • 1,906
  • 2
  • 20
  • 26
15
votes
1 answer

React Native: Text and Icon inline

I am trying to aline a Icon and a Text inline and align the text to the left and the icon to the right... This is how it is looking at the moment: However, I want to have the text aligned to the left and the icon to the right and also both on the…
Jan
  • 1,180
  • 3
  • 23
  • 60
11
votes
2 answers

How to align button's title to right using react-native-elements?

I am using react-native-elements to add button in my app, but i am unable to align the text inside the button to right. I tried titleStyle property with alignText:'right' but with no success
11
votes
3 answers

Unrecognized font family Material Icons?

Iam new to React-Native, I have added react-native-vector-icons library manually to Xcode and Android studio. if run the code with Xcode its executing successfully without any issue. but if i trying to run the code from Terminal (react-native…
Nitya_Bhoomesh
  • 125
  • 1
  • 1
  • 9
11
votes
1 answer

react-native-elements Button backgroundColor not working

I am new to React Native. In my simple test app, I want to try out using react-native-elements button However, I can't get my button background color to show. I followed the documentation and tried adding a button like this: import React, {…
JAM
  • 740
  • 3
  • 15
  • 33
11
votes
1 answer

create-react-app/react-native-elements error

Started a project with create-react-app. Installed react-native: "^0.57.8",react-native-elements: "^0.19.1" and react-native-vector-icons: "^6.1.0". To be able to use components within react-native-elements within a project. When I run npm start I…
Afeez Jimoh
  • 121
  • 4
8
votes
2 answers

using react-native-elements for material Icons - does not recognise some of the icons

using the snack below: https://snack.expo.io/ry_5rCk84 I am trying to display the icon 'wifi_off' using Material Icons in my react native app (just shared this as a snack on expo for easier sharing) but this is not a recognised value for prop…
nebula_007
  • 171
  • 1
  • 2
  • 13
7
votes
1 answer

Can I use react native elements UI with native base?

I have a project mostly written Native Base components. But in some cases I want to use React Native Elements. I just want to know is it possible to use them seperately. For some components I will just use React Native Elements like Avatar…
Adem Özsayın
  • 245
  • 2
  • 14
6
votes
7 answers

React native elements with Stylesheet.create

I am trying to use react-native-elements with my React-Native app. I have a central js file with theme details which are being injected using ThemeProvider as explained here -…
Shibasis Sengupta
  • 629
  • 1
  • 6
  • 21
6
votes
2 answers

React Native (0.59.10) — How do I remove `useNativeDriver` when running tests (but not in the actual app)

I am building a project with React Native (version 0.59.10). Whenever I run my tests (using Jest) I get this warning: console.warn node_modules/react-native/Libraries/Animated/src/NativeAnimatedHelper.js:248 Animated: `useNativeDriver` is…
Dave Sag
  • 13,266
  • 14
  • 86
  • 134
6
votes
4 answers

React Native slider is having lagging issue

React Native slider onValueChange calling setState makes slider lag. I also tried debounce function but it not solve my problem as I have to show the change value to the screen. hence without using debounce from lodash the slider is laggy and when…
Rajat Verma
  • 420
  • 1
  • 7
  • 19
5
votes
1 answer

Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes

ThemeProvider from react-native-elements in not allowing childrens. Here is the code : const Root = () => { const {theme, isNewUser} = Settings.useContainer(); const darkMode = useMemo(() => theme === 'dark', [theme]); return ( …
Aman Jat
  • 247
  • 1
  • 3
  • 14
5
votes
2 answers

React Native Elements - Wrapping a touchable opacity around an input does not work in IOS

I am having a very peculiar issue with React Native Elements Text Input along with using touchable opacity. import React, { useState } from 'react'; import { TouchableOpacity, View, Dimensions } from 'react-native'; import { Input } from…
Raziel
  • 1,448
  • 2
  • 17
  • 35
5
votes
3 answers

How to make react-native-elements Tooltip size dynamic based on its content?

The React Native Elements Tooltip (docs here) requires you to pass in the width and height property for the tooltip, but I want to create a generic tooltip button that can receive any element as its popover prop. The following example is what I…
Bruno Fernandes
  • 81
  • 1
  • 7
5
votes
0 answers

react-native-elements avatar - problem with fallback to title on IOS if image doesn't exist

I'm using a cloud based storage for avatar images. If an image for a user doesn't exist I want to fallback to the user title.The code below works for android, but on IOS the image is just blank and no title.
Haze
  • 333
  • 1
  • 3
  • 6
1
2 3
…
18 19