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
0
votes
3 answers

Is it possible to add icons to Native Base tabs?

Native Base docs only shows how to change background color, text color and font size. But it seems not possible to add icons to tabs. Is it possible or I will need to fork and implement myself? Thank you.
Andrey Luiz
  • 461
  • 9
  • 25
0
votes
1 answer

Native Base Deck Swiper in React Native

I just want to ask how to handle or is there a method that will handle when deck swiper of native base gets back to the first card. Lets say I have 100 cards but I display or render 25 cards, what I want to happen is when the number 25 card(which is…
Ryan Angelo
  • 93
  • 1
  • 13
0
votes
1 answer

Swipe card when button clicks in react native

I am currently building a mobile application like tinder using react native, I use Deck Swiper from native base package and I don't find a solution on how to swipe card when then button clicks. This link is the Deck Swiper Component from native…
Ryan Angelo
  • 93
  • 1
  • 13
0
votes
2 answers

How do I fix a failure to build due to a "Duplicate module name" collision in a react-native?

RN 0.39.2 This may sound like a duplicate of React-Native Packager Failure: Duplicate module name but there aren't any real fixes in there, just workarounds. There are others but they are for older versions of RN or are similar but different root…
jcollum
  • 43,623
  • 55
  • 191
  • 321
0
votes
1 answer

React Native + NativeBase Content component and Carousel (not displaying)

Good day, Here's a small problem with my React Native app which uses NativeBase components. The problem is within the component of NativeBase. I want to use the component from github which is react-native-carousel. The code…
user6187556
0
votes
2 answers

undefined is not an object (evaluating 'this.handleMapView.bind')

I have been trying to binds methods to the class with no success. I think am doing everything right, as explained in the documentation. I have also tried other binding plugins but all in vain kindly help. The weird thing is that, if I bind directly…
Ben Shiundu
  • 33
  • 12
0
votes
1 answer

Native base ListItem renders empty view?

I am writing a very simple view with native-base. When I did this in my render() function text1 text2
Zhen Liu
  • 7,550
  • 14
  • 53
  • 96
0
votes
2 answers

ReactNative - Component not rendering when it's inside any other tag | NativeBase Custom Components

Trying to call the component class GlobalHeader from a separate file. Problem is, it won't display whenever it's in any other tag. I've tried: Adding a StyleSheet with flex: 1 to the Container, Header and GlobalHeader Removing native-base…
Ethan
  • 446
  • 3
  • 13
0
votes
2 answers

React Native with Native Base (Unexpected Token Error)

I have React Native and Native Base configured. When I deploy the app for Android it throws me an error stating that an unexpected token was found near where Container component is present in my code. My package.json file is: { "name": "React…
Sushant Sardeshpande
  • 1,261
  • 1
  • 10
  • 13
0
votes
1 answer

react-native onPress() toggles automatically on a loop component rendering

I'm looping through a native-base component rendering some components with Buttons. It was working alright (Listed all components as expected) but I soon added an onPress event to the Button and got an automatic onPress…
ArchNoob
  • 3,946
  • 5
  • 32
  • 59
0
votes
2 answers

How do I access store state using nativebase

I try to find good examples on that but I can't manage to find a solution. I'm using nativebase for learning react native and I want to know how can I access a state from store. Right now I have a page that sets "username" on the store using…
homemrobo
  • 565
  • 1
  • 5
  • 7
0
votes
1 answer

React native: disable auto clicking on each card when the view is rendered

I got a response from API which i then parse and display some features on the screen using nativebase.io cardlist. When all the results are shown i want each card be clickable and each click leading to the next screen of details depending on a…
0
votes
2 answers

Ask - How to add text in front of background image inside card

So, I develop React Native App using NativeBase as my Component framework. I'm using card component. This is my codes: render(){ return(
yogieputra
  • 637
  • 2
  • 14
  • 28
0
votes
1 answer

I can't see five icons rendering in the footer using native base?

Hey guys I am trying to get five icon in the footer of the screen using native base but I can only see three icon can any body help me out what is the issue? I am referring to this link. Here is the code.
0
votes
1 answer

Theming NativeBase Components for React Native

I see there's a way to theme (customize) NativeBase components for React Native: http://nativebase.io/docs/v0.5.0/customize But I would like to customize an attribute of a particular component that is not part of the provided theme attributes. How…
Steed-Asprey
  • 2,001
  • 7
  • 24
  • 30