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
2 answers

React-native with native-base: data change is not reflected

I get my list view as well as data is rendered. But when I click/touch the checkbox it doesn't toggle the selection. It just remains on the same state as it was at the beginning. Thanks in advance. export default class FlatListBasics extends…
Jahid Shohel
  • 1,395
  • 4
  • 18
  • 34
0
votes
1 answer

React native: how to grab default value of Input to the state

I'm using NativeBase and ReactNavigation. On LoginScreen sometimes we have an empty input for email, and sometimes with filled defaultValue (when we redirected to LoginScreen from SignUpScreen). const defaultEmail =…
Rustam Apay
  • 551
  • 1
  • 4
  • 18
0
votes
1 answer

StackNavigator: Set body style

I am currently working at a project with a StackNavigator of React-Navigation: https://snack.expo.io/@pob/stacknavigator-problem. I use the Navigator in front of a background image and I want, that the body of each of its pages is transparent, so…
Paul
  • 848
  • 12
  • 33
0
votes
0 answers

selectedSearchTab is not a function

Working with react-native is mega frustrating. Its more frustrating because I am new to it. I have written component that takes redux action as an input. import React from "react"; import {Text} from "react-native"; import styles from…
user1663148
  • 61
  • 1
  • 1
  • 4
0
votes
2 answers

React Native Button alignment issue

I have a Expo, React Native app using Native Base. Having some issues with alignment however of the Button on iPhones. Its displaying a list of Cards with a Button and Text, the Button is aligned to the right, when the Text is more than one line,…
0
votes
1 answer

how to reduce and customize the floating label of native-base?

I am using floating label of native base. I need to reduce the input height and label font size but not finding which element should i target. There is a large gap between to Input . How to reduce it too?
Arun kumar
  • 1,041
  • 5
  • 20
  • 39
0
votes
0 answers

React Native JS bundle crashes on iOS Release, Babel not working?

My React Native build compiles in Debug and runs fine, but when I run my Release scheme the spread operators are throwing errors, causing the build to crash. Specifically, the first error thrown is from a spread operator in the NativeBase…
user1791914
  • 616
  • 9
  • 23
0
votes
2 answers

Is zooming image possible in deck swiper of native base

I've used deckSwiper of native-base in react native project. I want the users to be able to zoom the image in it as well. I didn't find anything to do that. How can I zoom the image of deck swiper in native base? Code:
Amrita Stha
  • 2,973
  • 3
  • 25
  • 46
0
votes
0 answers

RN TextInput/NB Input becomes slow after some time

I've been using NativeBase as React Native UI toolkit and working perfectly apart from this huge problem which i couldn't fix anyhow. In a page which contains a NB Input (with floatingLabel in this case), i have implemented a simple button which…
simone201
  • 61
  • 8
0
votes
3 answers

Native Base Input line height

I am using Native Base Component Input to create the TextInput, but the lineheight for display is broken and cannot show the complete word. The padding, margin, border, lineheight is not working in here. Any people have this solution? Thank…
Yuk_dev
  • 318
  • 1
  • 6
  • 16
0
votes
3 answers

Why Header component in NativeBase is not on top?

i got a little problem with Header component in NativeBase (UI Component for React Native). Its position should be on top. But, mine is below a white block. I don't know why its there. Here my code import React, { Component } from 'react'; import…
ridoansaleh
  • 604
  • 9
  • 20
0
votes
2 answers

Opinion on native base List component

I want to know that whether the component being provided by native-base styling library can be an alternative for component. I know that the the traditional listview by react-native is performance efficient so is the List component…
0
votes
1 answer

how to change object state value in javascript (react-native)

i'am using backendless api to create simple crud application. this is my table schema: products table: name (string) price (double) description (text) i use input component from native base to get the value from user. But i have problem with…
masdap
  • 161
  • 14
0
votes
1 answer

I'm having trouble with my handleCheckBox function

I added an onPress function to each check box to change the state from "false" (of the targets name) to "true" but when I compile the code the checkbox stays blank. I made states for names of the checkboxes, then my handleCheckbox function changes…
Ruben
  • 326
  • 3
  • 9
0
votes
1 answer

React Native removeEventListener onPress

I have this code where I have the back button on android devices disabled for one screen of my app, when I change to another screen the back button gets enabled again in componentWillUnmount, however if I move to another screen by pressing the…
random1234
  • 777
  • 3
  • 17
  • 41