Stack Overflow
Stack Overflow

Questions tagged [native-base]

NativeBase is a free, open source, cross-platform, reusable UI component library for React Native.

Resources

Kitchen Sink Demo

Take a look at the official demo by downloading the Expo app from the Apple App Store or the Google Play Store and scanning the QR Code here.

Related tags

996 questions
7
votes
4 answers

React native card (native base) onPress doesn't work

I want to display cards with news from a JSON file. Getting the JSON works fine, but I want to add a onPress event, so I can click the card and navigate to the article. My card view: …
abbob1
  • 143
  • 1
  • 1
  • 12
7
votes
4 answers

Radio buttons are not working in Native-Base

I am using Native-Base. I need to use radio buttons, but they don't work. When you click nothing happens. Here is the code. import React, { Component } from 'react'; import { Container, Header, Content, ListItem, Text, Radio, Right } from…
Syuzanna
  • 509
  • 2
  • 8
  • 14
7
votes
2 answers

How to change theme in native base?

I'm currently new in react native and tried to use native base, the component is good but I'm in stuck to change the theme in native base while I know how to use style but not all of them can be applied in native base (such as change color in active…
kripton haz
  • 73
  • 1
  • 3
7
votes
1 answer

How to Display lowercase text in NativeBase Button

When I add a Text element in a Button according to the examples, the text shows up in uppercase. I need to display a button with lowercase text. I'm using native-base version 2.1.4. Any help with this will be most appreciated. As an example, if I…
Kes115
  • 2,070
  • 2
  • 21
  • 37
7
votes
0 answers

Unexpected token import native-base-shoutem-theme/index.js:1 probably native-base / react-native

) I have a big problem, I spend all day on fixing that and finding consensus between dependencies of few packages. I have problems with running tests: Users/P/Projects/react-native/node_modules/native-base-shoutem-theme/index.js:1 …
Darex1991
  • 855
  • 1
  • 10
  • 24
7
votes
4 answers

Duplicate module name: react-native-vector-icons

When I install NativeBase and React-Native-Router-Flux in my react-native project I get this error: Failed to build DependencyGraph: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths:…
David Vittori
  • 1,146
  • 1
  • 13
  • 30
6
votes
2 answers

React native-base DatePicker comes up Minimized on iOS

I am using the native-base library for a DatePicker that works just fine on Android. However, when I run it through the Expo app on an iPhone, it doesn't open the calendar when you click on it. Instead it opens a little box in the bottom-left, and…
Jeff
  • 103
  • 7
6
votes
2 answers

"TypeError: undefined is not an object (evaluating '_expo.default.Font')]" facing this error when asynchronously loading the font

This is my error: [Unhandled promise rejection: TypeError: undefined is not an object (evaluating '_expo.default.Font')] * app\views\Login.js:33:15 in componentWillMount$ Initially I was getting an error like: fontFamily "Roboto_medium" is…
Vinesh
  • 63
  • 1
  • 1
  • 3
6
votes
4 answers

How to use NativeBase DatePicker

Given this DatePicker Api from NativeBase v2.5.1 how am I supposed to capture the change date event with the new selected date? If I understand well the selected date is only available in the internal state of the component: setDate(date) { …
user2457870
  • 640
  • 1
  • 10
  • 14
6
votes
4 answers

Use Native Base Toast To Show Error From Redux Action

I'm using NativeBase in a React Native app. I'm trying to show a Toast component based on an error that is set in an redux action because it happens via a call to the API. It will show now, but currently I get the warning message: Warning: Cannot…
Jeremy Wagner
  • 143
  • 1
  • 11
6
votes
2 answers

React Native "onViewableItemsChanged" not working while scrolling on dynamic data

I have a React Native FlatList. base on Documentation I used onViewableItemsChanged for getting the current showing item on the screen. but while scrolling or when scrolling stops nothing happens and I can't get the current Id. How Can I use it in…
S.Hossein Asadollahi
  • 1,450
  • 2
  • 17
  • 22
6
votes
2 answers

Implement drawer from native base in react native app

I need to use drawer from native base into react native app for both android ios et android. Here is the link for native base http://nativebase.io/docs/v2.0.0/components#drawer and below you'll find my code : import { Container, Header, Title,…
user3521011
  • 1,481
  • 5
  • 20
  • 35
6
votes
6 answers

Cannot get background image to work with React-Native and NativeBase

I am trying to use NativeBase with ReactNative and have a picture as the background. I've been googling for a while and here is the code I've come up with: export default class WelcomeScreen extends Component { render(){ return ( …
Philip7899
  • 4,599
  • 4
  • 55
  • 114
5
votes
3 answers

How to overcome ERESOLVE errors within EAS build for native-base and Expo?

I have got the following package.json file. Main purpose is to use Expo 44 with native-base (version ^3.0.0). I could not figure out why such an obvious combination does not work. (Could not find online for native-base, which Expo versions are…
Mehmet Kaplan
  • 1,723
  • 2
  • 20
  • 43
5
votes
1 answer

Sharing components made with Native-Base between ReactJs and React Native Projects

I am trying to share components between a ReactJs and React Native project. I have been successful in being able to share components that use React Native, but project that use Native Base get errors. My setup is this: I have a mono repo that holds…
Jim's Code Corner
  • 737
  • 6
  • 7
1 2
3
…
66 67