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

React native NativeBase setup

When installing NativeBase npm install native-base --save I get this and my project don't work well npm WARN rm not removing E:\ReactNative\Project\node_modules\.bin\jest.cmd as it wasn't installed by E:\ReactNative\Project\node_modules\jest npm…
0
votes
1 answer

React Navigation TabNavigator swipe disabled: SwipeRow (NativeBase) not rendering correctly [Android]

I use the TabNavigator from react-navigation and have in one Tab a swipeable Component (SwipeRow component from NativeBase). When swiping left or right on that component it shows context menu, so I disabled the swiping Ability from the Tabs in…
Mika
  • 534
  • 5
  • 14
0
votes
0 answers

Drawer button toggle not working in native-base

I'm new to swift and i'm trying to toggled the drawer in native base. Opening the drawer works fine, but once clicked the same button it wont toggle (not closing). Code as bellow. import React, { Component } from 'react'; import { Platform, …
danu
  • 1,079
  • 5
  • 16
  • 48
0
votes
0 answers

React Native logical && conditional rendering ruins my layout

When I add 'report.sleep.bed.sensor.inst &&' and it's false, it messes up the width of my card However when 'report.sleep.bed.sensor.inst' is true, it is back to normal Except my goal is to not show the carditems when…
chubbychu
  • 333
  • 2
  • 7
  • 17
0
votes
2 answers

How to use Native base Deck swiper for android

I am not able to use the native base deck swiper every time I try to run the program using the code given in the official website of native base I get a blank white screen.My code is:-
Bijendra
  • 1
  • 3
0
votes
1 answer

react native iPhone Plus text lines

There are lines over all the multiline Text tags in the app.Lines only shows on iPhone Plus not on iPad, tab, android or any other device. Any idea how to fix it? Lines over Text similar to the image below: import React, {Component} from…
devedv
  • 562
  • 2
  • 15
  • 45
0
votes
1 answer

Sub menu in nativebase react native

Can anyone please let me know how can I create Drawer with submenu in react native using nativebase? I tried few things but they are not working as expected. Something like this:
Anjana
  • 759
  • 2
  • 12
  • 33
0
votes
3 answers

react-native nativeBase Tabs initialPage change to 3 but still start at tab 0

here is the code: (PAY ATTENTION AT COMMENT IN CODE) import React, { Component } from 'react'; import {Container, Tab, Tabs, TabHeading, Icon, Text } from 'native-base'; import style from './../styles/compoCss' ; import NewDB from…
Hamed Keshavarz M
  • 476
  • 2
  • 13
  • 27
0
votes
1 answer

Proper use of Native Base Containers for React Native

I'm building a React Native app using Native Base. Is the component meant to be used once and wrap the whole app or one for every screen?
Phil Mok
  • 3,860
  • 6
  • 24
  • 36
0
votes
3 answers

How to use Textinput or Input inside Text in React Native with Native Base

I'm trying to develop an application by React Native with Native Base. And I'd like to implement filling in the blank questions like this. So I tried to use Textinput component of React Native or Input component of Native Base in Text component of…
pon11
  • 21
  • 1
  • 3
0
votes
1 answer

Native Base component does not render json array map function?

I am loading native base component in a map function while fetching json array. I checked the json array its fetching data. I also checked the data inside map function by printing data to console, its also working. But I dont know why no native base…
0
votes
0 answers

Dynamic Grid View not working react-native-easy-grid

I m trying to create dynamic grid but its not working .I have done things correct logically but still its not woking . import React, { Component } from 'react'; import { Image } from 'react-native'; import { Container, Content,Header, View,…
0
votes
1 answer

change color in FooterTab in React-native using native-base library

Can't seem to customize the FooterTab properties. In the documentation it doesn't say much about how to edit. This is my code:
JUAN ALVARES
  • 75
  • 11
0
votes
2 answers

How to change selected tab icon color in native base Tabs?

This is a snippet of react-native. I need to change the selected tabs icon color to tabBar underline color. How to do it? I am trying code a tab bar like on the twitter android app. const TabBar = () => { return (
Niyas Nazar
  • 1,073
  • 13
  • 20
0
votes
0 answers

Making design work in Scroll View in React-Native

I am currently trying to make a design work in React Native inside a Scroll View. The layout works as expected Without a Scroll View but With a Scroll View it gets stretched downwards. Any advice or suggestions will be appreciated. :) Without…
Kamil Kamili
  • 1,757
  • 5
  • 24
  • 39