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

Showing Selected Data

I have a list of items that are looping through a JSON file displaying specific data. When one of the list items are selected I want the user to be taken to another page and displayed further information about the selected item. This is the code I…
Tom Dickson
  • 540
  • 6
  • 19
0
votes
0 answers

unable to resolve module create-react-class

I am new to react native. After implementing native-base in my project, I am getting this error: Here is my code: import React, { Component } from 'react'; import { View, Text } from 'react-native'; import {Header,Left,Right,Icon} from…
Ghulam Rasool
  • 3,996
  • 2
  • 27
  • 40
0
votes
1 answer

unable to resolve getTheme module 'themes/components' - NativeBase

I am new and excited about react-native especially when i found out about native-base and how it works with react-native seamlessly. I ran into an issue when trying implement Setup to theme NativeBase apps i followed every step and guilds from…
Okechukwu Eze
  • 155
  • 1
  • 14
0
votes
2 answers

How to add extra style besides styles object for one element?

I saw one example few months ago where was added extra style to the same element like this: But can't remember how was the right syntax. It's not…
user8978302
0
votes
1 answer

Fab dial button with badges for collapsible buttons

I made a Fab component of native-base Fab. I would like to show badges for collapsible buttons. My solution works fine on iOS, but not on Android where the badge is not overflowing the button and thus is only partly shown.
terreb
  • 1,417
  • 2
  • 23
  • 40
0
votes
1 answer

react native native base list item blank

I try to create list item based on native base, I already read this document and this document Unfortunately all those method does not work. I believe there something wrong with my code since I'm new to react work I got blank when I run my code. …
navotera
  • 321
  • 1
  • 15
0
votes
1 answer

Trying to create this number changer while shows syntax error

I am trying to use this functions to increment and decrement input number while it's showing unexpected syntax error. What is wrong in this code: constructor(props) { super(props); this.state = { textValue:1 …
user8978302
0
votes
1 answer

Libraries installed but didn't work in react-native environment

Anytime I install Library, whether it is, native base or react-native text-input effects.it gives the same error every time.. I don't know what's causing an issue here. error: bundling failed: Error: While trying to resolve module native-base` …
Yash
  • 91
  • 2
  • 13
0
votes
3 answers

Content not visible native-base

I have simple anatomy with header, content and footer inside container, But only header is visible and nothing visible in content (with header and content only)
....
Some content But, if I place all…
Pram
  • 2,383
  • 2
  • 19
  • 21
0
votes
0 answers

Getting error for navigation in segment - react-native

I am beginner and creating first app in react-native. I have made it but stuck at one place. I just added a segment in header and hide/shown Login/Signup page in base of segment click, but the issue is with navigation, I have a button in login page…
0
votes
2 answers

React-Native:How to display drawercomponent on hamburger menu click

I want to display the drawer component on hamburger menu click instead of dragging from left to right and vice versa.Here is the code Home Screen ... this.props.navigation.navigate('DrawerOpen')}…
code_Knight
  • 251
  • 4
  • 17
0
votes
1 answer

Unique listKey prop issue

I am trying to make a nested FlatList in my apps. I use accordion components by native base as the parent of my FlatList, and in the content of each section, I'm trying to put a FlatList. However, I ended up with the error about "you must pass a…
Hafizi
  • 39
  • 8
0
votes
1 answer

How to add marker on react-native-maps. Documentation is not clear enough for beginners

How can we add marker in a specific area if the code looks like something like this? Documentation is not enough clear for beginners.
user8978302
0
votes
0 answers

Map is not showing inside the Content

I am using Expo with Native-Base. Tried different ways to make Map shown, But none of them worked as they should be. Inside the Content, it's not showing at all. When I put out of content it looks terrible since content is scrolling while it stays…
NewTech Lover
  • 1,185
  • 4
  • 20
  • 44
0
votes
1 answer

Element type is invalid. Expected string

When I try this code it shows this strange error. And most interesting part is that there was not any change in render method. It worked perfectly unless I add mapvew inside the view. Here is the code: import React, {Component} from "react"; import…
NewTech Lover
  • 1,185
  • 4
  • 20
  • 44