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

Remove native base FABs ripple effect on android

I'm having problem with native base FAB button it shows a square ripple effect when i press it
Abdel mounaim
  • 1,298
  • 1
  • 9
  • 10
0
votes
2 answers

React-native Input HOC for redux-form loses focus after type a symbol

I'm trying to use redux-form, but, as I read, I need HOC for Input field to replace onTextChange to onChange. I have: import React from 'react'; import {Input} from 'native-base'; export default function InputField(props) { const { input,…
Maksim Zarechnyi
  • 407
  • 3
  • 16
0
votes
1 answer

zIndex doesot work on Card of native-base - react native

I'm using native-base. this is my code:
S.M_Emamian
  • 17,005
  • 37
  • 135
  • 254
0
votes
0 answers

How to change selected item color of accordion item in react native?

I've done an accordion list using native-base.I'm trying to change the color of accordion content when selected.But what I'm getting is there will be a default selection on the first item in the accordion. Also if I close one accordion and open…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
2 answers

Enabling a prop based on some condition in react native?

I want to apply prop bordered for a native base button, if menuIndex == menus.house. Here is what i tried,
0
votes
1 answer

Create a layout where one part is static and other is scrollable on swipe in Native-Base

I got one tab screen on my App that I would like to have a layout separated into 2 parts. 1) Would be the top container which is static, no matter if you swipe up/down. It also contains Native-Base tabs. 2) Each tab would have a FlatList or…
msqar
  • 2,940
  • 5
  • 44
  • 90
0
votes
1 answer

Styling a React Native picker to align with text input

I'm trying to align a picker where the user selects a phone country code with a text input where the user enters the phone number. I'm using the NativeBase component but I assume this is similar with the standard React Native component.
wizplum
  • 427
  • 5
  • 17
0
votes
1 answer

Focus not changing from TextInput in redux-form

I have form with only one TextInput which is made using redux-form. I am checking (!meta.active) to show validation message, since focus is not changing even on button click from TextInput, meta.active is always true and validation message does not…
Dileep Paul
  • 167
  • 3
  • 17
0
votes
1 answer

How do I bind a local function when I pass a rendered view interacting with that function to a prop in react-native?

I'm passing a render to the Accordion element in native-base using the renderContent prop. The render contains two buttons, which, when pressed, run functions that are local to the current component. Unfortunately those functions are not available…
0
votes
1 answer

React Navigation and configure the header for null and Customized Header

After setup a simple stack navigation. i've tried to customize the Header with a customized header from naviveBase, but after add the new header the old header still appearing on the background of the new one. so, please, someone can clarify if is…
dcalixto
  • 411
  • 1
  • 9
  • 26
0
votes
1 answer

React native list of pickers doesn't refresh

I use React Native 0.55.4 and native-base 2.4.4. I want to display a list with pickers. {rowID} {Moment(date.start).format('MMM Do YY')}:…
trojek
  • 3,078
  • 2
  • 29
  • 52
0
votes
1 answer

How to make fixed grid view with image in column in react native?

Hello I'm trying to create fixed (responsive) grid view with 3 cols in each row.In each column there will be an image and by clicking on that it will navigate to corresponding page.I'm using native-base ui kit.I found an easy way of creating grid…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
2 answers

React Native: Cannot read property 'navigation' of undefined

I am trying to make an onPress function such that when the menu icon is clicked, my drawer navigation will open. However, I am getting this error: Unhandled JS Exception: Cannot read property 'navigation' of undefined. Here's my code for…
user7381027
  • 31
  • 1
  • 10
0
votes
0 answers

How to properly render fetched api results within an accordion in react native?

Hello in my project I'm using accordion of native-base.What I'm trying to do is displaying the fetched result from server within accordion. But unfortunately I'm not able to achieve that.Because within the rendering of content and header of…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
1 answer

How can I get my Picker to vertically align in React Native?

I have created a Snack here: https://snack.expo.io/@deltanovember/dtest using the libraries react-native-easy-grid and native-base. I've created a basic table which appears as follows: The far right column isn't properly vertically aligned because…
deltanovember
  • 42,611
  • 64
  • 162
  • 244