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
0
votes
1 answer

native-base tabs doesn't call lifecycle method componentWillUnmount

I'm using native-base, redux and react-native, It seems that switching between tabs doesn't call the method componentWillUnmount, I want to do some actions when the tab is switched and the component is removed: Main.js export class Main extends…
Mahmoud Abd AL Kareem
  • 615
  • 2
  • 10
  • 23
0
votes
0 answers

Is it possible to mark certain React Native Picker Items as not selectable?

In my quest to customize React Native or NativeBase's Picker to allow headings between sections, I have figured out how to add arbitrary formatting/elements/components to individual Items. But they are all still able to be selected or "picked". Is…
hippietrail
  • 15,848
  • 18
  • 99
  • 158
0
votes
1 answer

Show this error when you click on sidebar item “undefined is not an object (evaluating 'this.props.navigation.navigate')” react-navigation

react-navigation error img. I am using react-navigation in my app. Tried to do some test with -native-base side bar. and when you click on the any nav item inside side bar it shows this error. How can it be solved for this side bar? Here is the…
Syuzanna
  • 509
  • 2
  • 8
  • 14
0
votes
1 answer

JustifyContent not working in List in NativeBase

I'm trying to align the Thumbnail to the topLeft by using justifyContent: 'flex-start'. But it's not working. Below is my code.
Somename
  • 3,376
  • 16
  • 42
  • 84
0
votes
1 answer

Is there any component or possibility to create charts/diagrams/plots in NativeBase?

I have huge problem. I'm complitly new to ReactNative, and I am forced to transfer entire project to NativeBase (Because company bought a layout, and they HAVE TO used it...), and I'm fine with it, it looks really good so far. But, there is a but.…
Yurrili
  • 338
  • 1
  • 11
0
votes
1 answer

NativeBase CardItem Text out of place?

I am using react-native + mobx + nativebase. I am iterating over an array of objects. I am using NativeBase Card component. I have problem with the UI going out of place. See below: Note "Hamburgers" looks funky. I figured out this is caused by the…
Iggy
  • 5,129
  • 12
  • 53
  • 87
0
votes
1 answer

native-base drawer tap to close not taking into account openDrawerOffset

I'm using a Native-Base Drawer component, and I'm setting the openDrawerOffset value myself to be 300 wide (see code below). My main problem is tapToClose is acting as if the drawer is the default width and only responding to a tap within the last…
death_au
  • 1,282
  • 2
  • 20
  • 41
0
votes
1 answer

swipe gesture not recognized if screen is not loaded in first in react native

I am using DeckSwiper from native-base. The swipe gesture is working well when the react screen is the initial route of my stack navigator. But when I load it as a second view that is displayed after clicking a button thanks to :…
glemoulant
  • 517
  • 7
  • 18
0
votes
2 answers

Using Button from React Native and Native Base

I am using Native base library in React Native. In native base, there is component called Button and also there Component Button from 'react-native'. If i want to use both Button components simultaneously, what should I do?
krishnazden
  • 1,127
  • 10
  • 19
0
votes
1 answer

Nativebase - customise a component

I just want to change the color of the line between each ListItem in a List to red. I think I have to do a custom theme to overwrite the default ListItem. Trying: import getTheme from '../../../native-base-theme/components' import listItemTheme from…
BeniaminoBaggins
  • 11,202
  • 41
  • 152
  • 287
0
votes
2 answers

Strange header height

For some strange reason, the header has a height of 667. I have copy pasted the code from an example page. See screenshot: Code: import React, { Component } from 'react'; import { Container, Header, Left, Body, Right, Button, Icon, Title } from…
FooBar
  • 5,752
  • 10
  • 44
  • 93
0
votes
1 answer

error using reactnavigation: undefined is not object (evaluating _this2.props.navigation.navigate)

I got this error after tapping Categories Tab(Button): undefined is not object (evaluating _this2.props.navigation.navigate) it seems that the navigation property is not defined in AppFooter I use nativebase for themeing. App.js ... import {…
H Emad
  • 329
  • 8
  • 19
0
votes
1 answer

Animated submenu on react-native

I'm creating a react-native app using native-base library, and i'm using native-base list component for the side menu but i have a problem, i can't figure out how to make a submenu in my side menu, i need to be able to open a submenu with animation…
Atef
  • 1,294
  • 1
  • 14
  • 27
0
votes
1 answer

Native base list item click event not working

I have started learning react native 2 days back only. I am using list item component from Native Base UI framework. According to their docs and examples to catch a click event on ListItem you need to add onPress and button option to the ListItem.…
www.amitpatil.me
  • 3,001
  • 5
  • 43
  • 61
0
votes
3 answers

React Native - Async storage information is extracted after componentWillMount()

I am storing if a checkbox is checked or not using AsyncStorage. When I reload the app, I see from logs that inside the asynchronous variable the correct information is stored. But, it is loaded after componentWillMount. Because of that, the…
Ioana Surdu Bob
  • 139
  • 1
  • 9
1 2 3
…
66 67