geekyants / native-base-docs

Documentation of NativeBase

{% include "/docs/introduction/README.md" %}

native-base-docs's Issues

I can't make this work!!

So, native-base-theme has been copied great.

I set my StyleProvider , then thats it ? right ? i should have a theme right ?

Doc bug - Picker placeholder only works on iOS

Would have saved me a couple of minutes.

+ placeholder | - | - | Placeholder for Picker component (iOS)
- placeholder | - | - | Placeholder for Picker component

Thanks
Jade

How can I set custom onPress ?

Toast.show({
              supportedOrientations: ['potrait','landscape'],
              text: 'Wrong password!',
              position: 'bottom',
              buttonText: 'Okay',
              onPress: () => { console.log('pressed') }
            })

Update Basic List code

flex not working on DeckSwiper component

My deck swipper component is in the view with red border. It has flex:1, but this is not working (see the picture).

`<DeckSwiper
style={{flex:1, borderWidth:10, borderColor:'green'}}
looping = {false}
dataSource={this.getStack()}
renderItem={item =>

  <Card style={{  paddingTop:50,flex:1, backgroundColor: 'white', alignItems: 'center', borderRadius: 20, borderWidth:10, borderColor:'yellow'}}>
                          <CardItem style={{backgroundColor: 'transparent'}}>
                            <View style={styles.titleText}>
                              <Text style={styles.textTitle}>{item.name}</Text>
                            </View>
                          </CardItem>
  </Card>

}
onSwipeRight={() => this.updateDeckSize()}
onSwipeLeft={() => this.updateDeckSize()}
/>`

Thanks for helping

First prop doesn't work for ListItem

GeekyAnts/NativeBase#2147

Missing '>' in code

ScrollableTab

Very slowly performance when there is some ListItem in one page

#759

Picker can't be used within an Item

#1174

Typo on website

Hi there. Awesome framework :)

Just wanted to let you know there is a typo on https://docs.nativebase.io/Components.html#fabs-multiple-headref

The link in the left side menu says "Muliple FABs".

Lina

Android Picker doesn't work with stackedLabel

#1369

Button colors when using bordered causes broken buttons style

#1316

Header with searchbar

How do i make an header with left body right tags and a searchbar on a new line?
Something like this.

Missing Input Doc

Hello!

I was working on a project based off a theme from the Native Base marketplace, however, there is no documentation for the "Input" component. Has anyone added this?

Grid not work as aspected if nested inside <Content>-Component

Easy Grid #57

type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

i have this error when use native-base component Drawer.
Error message:
React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

ender() {

return (

<Drawer
ref={(ref) => { this.drawer = ref; }}
content={<SideBar {...this.props}/>}
>
    <View style={styles.container}>
         <Header left='menu' openDrawer={()=>{this.drawer._root.open();}} title={'abc'}/>
         <Content>
              <View style={{flex: 3, backgroundColor:'blue'}} >
               </View>         
          </Content>
    </View>
</Drawer>

);
}

"react-native": "0.56.0",
"native-base": "^2.7.1"

Errors in React Navigation example - are you open to a PR to fix?

Hi,

I see some errors in http://docs.nativebase.io/docs/examples/navigation/StackNavigationExample.html# - are you open to a PR to fix them if I update the docs? Several files are missing from the example and if you copy the example code from the gitbook examples, the app doesn't actually run. :-( . But I'd be happy to fix it! :-)

Unable to change background color globally ?

i want to change this background color globally..how can i change this color so i can replace my custom color..

Where is Progress Bar?

#1491

Include NBC in NB Theme section

Website outlook/view on 15 inch screen (Mac)

#1120

Picker documentation seems misleading

The Picker documentation seems to imply that it works consistently on both iOS and Android but I took a look at the implementation and it looks quite different for each platform. These differences of implementation should be reflected in the documentation maybe?

Is the docs website offiline?

I tried to access nativebase.io here and it is loading forever.

Update to 2.7.2

GeekyAnts/NativeBase#2196

NativeBase Radio Button

How to use radio when list is array data ?

DeckSwiper doesn't respect datasource changes at the renderItem level

Context: NB v2.8.1

For the given dataSource array (e.g. ds) if the change important to the component user appears in one of the renderItem's properties (e.g. peoperty1) and the whole system respect it, the only component which does not respect the change is Deck Swiper, e.g.

const ds= [
  {
     property1: false,
     ...
   },
   { //active card
     property1: false, // -> true value when the state changes
     ...
   },
   ... 
];

I work with redux and I follow the Redux Immutable Data Modification Patterns. Just before render the ds is properly changed, but Deck Swiper doesn't want to show it on active card. To make the change visible, I have to swipe the card first, but it's not an option for an user experience.

Header background color is not changing

#1619

Header With Badge

Is it possible to have an icon with a badge in the header?

Something like this:

            <Button badge transparent onPress={() => this.goNotification()}>
              <EvilIcons
              active
                name="bell"
              />
              <Text>5</Text>
            </Button>

Exactly like the image below, but just for the header instead of the footer.

Drawer.md is not up-to-date

Hi there, apparently Drawer.md is not up-to-date. the version of native-base i am using is 2.8.1

	interface Drawer {
		acceptDoubleTap?: boolean;
		acceptPan?: boolean;
		acceptTap?: boolean;
		captureGestures?: boolean;
		children?: any;
		open?: boolean;
		closedDrawerOffset?: number;
		content?: any;
		deviceScreen?: ReactNative.ScaledSize;
		disabled?: boolean;
		initializeOpen?: boolean;
		negotiatePan?: boolean;
		onClose?: Function;
		onCloseStart?: Function;
		onOpen?: Function;
		onOpenStart?: Function;
		openDrawerOffset?: number;
		openDrawerThreshold?: number;
		panCloseMask?: number;
		panOpenMask?: number;
		panStartCompensation?: boolean;
		relativeDrag?: boolean;
		side?: "left" | "right";
		styles?: DrawerStyles;
		tapToClose?: boolean;
		tweenDuration?: number;
		tweenEasing?: string;
		tweenHandler?: Function;
		type?: "overlay" | "static" | "displace";
	}

please advise.

[SUGGESTION] [DOCS] Please use real image for docs

GeekyAnts/NativeBase#1055

Documentation is inadequate

GeekyAnts/NativeBase#2410

Wrong link for react-navigation

The link for react-navigation on this page is not working and need a slight change.

Roadmap

#1364

Fab not visible or in wrong position when put inside Content

#1427

Update Docs for v2.1.5

#961

Add Props in Scrollable tab in Documentation

GeekyAnts/NativeBase#2085

<Tab> component documentation

GeekyAnts/NativeBase#2417

Documentation for Card List is incomplete

GeekyAnts/NativeBase#2105

<Right> not working on some component configuration, requires justifyContent=space-between

#1416

Latest version? Changelog?

#1439

style depends on component order

#1540

Typo

GeekyAnts/NativeBase#2321

Controlled hiding of Toasts

GeekyAnts/NativeBase#1287

DeckSwiper with unexpected behavior

swipeLeft and swipeRight, both functions only advance to the next, that is, always execute Right

Warning: Received `true` for a non-boolean attribute `uppercase`.

Im getting this error when i runnpm start

Warning: Received true for a non-boolean attribute uppercase.

Round corner on Card

Hi,

I want to apply a round corner on Card component. I try with a style but style seems to be not applied to Card. Do you have any tips to do this ?

Documentation has mistake connected with List component

GeekyAnts/NativeBase#2043

Better use of Ionicons by specific platform

GeekyAnts/NativeBase#2361

import statement for ScrollableTab

#1517

Repeated paragraph

A paragraph is repeated at https://docs.nativebase.io/Customize.html#Customize