Dimensions
-+
useWindowDimensionsis the preffered API for React components. UnlikeDimensions, it updates as the window's dimensions update. This works nicely with the React paradigm.
useWindowDimensionsis the preffered API for React components. UnlikeDimensions, it updates as the window's dimensions update. This works nicely with the React paradigm.
import {Dimensions} from 'react-native';
Dimensions
-+
useWindowDimensionsis the preffered API for React components. UnlikeDimensions, it updates as the window's dimensions update. This works nicely with the React paradigm.
useWindowDimensionsis the preffered API for React components. UnlikeDimensions, it updates as the window's dimensions update. This works nicely with the React paradigm.
import {Dimensions} from 'react-native';
DrawerLayoutAndroid
React component that wraps the platform DrawerLayout (Android only). The Drawer (typically used for navigation) is rendered with renderNavigationView and direct children are the main view (where your content goes). The navigation view is initially not visible on the screen, but can be pulled in from the side of the window specified by the drawerPosition prop and its width can be set by the drawerWidth prop.
Example:
-render: function() {
- var navigationView = (
- <View style={{flex: 1, backgroundColor: '#fff'}}>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the Drawer!</Text>
- </View>
- );
- return (
- <DrawerLayoutAndroid
- drawerWidth={300}
- drawerPosition={DrawerLayoutAndroid.positions.Left}
- renderNavigationView={() => navigationView}>
- <View style={{flex: 1, alignItems: 'center'}}>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>World!</Text>
- </View>
- </DrawerLayoutAndroid>
- );
-},
-+
Reference
Props
Inherits View Props.
@@ -116,13 +171,13 @@drawerPosition
-Specifies the side of the screen from which the drawer will slide in.
+Specifies the side of the screen from which the drawer will slide in. By default it is set to left.
| Type | Required |
|---|---|
| enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right) | No |
| enum('left', 'right') | No |
diff --git a/docs/next/drawerlayoutandroid/index.html b/docs/next/drawerlayoutandroid/index.html index efa58b9a6d8..9164e195715 100644 --- a/docs/next/drawerlayoutandroid/index.html +++ b/docs/next/drawerlayoutandroid/index.html @@ -70,26 +70,81 @@ });
DrawerLayoutAndroid
React component that wraps the platform DrawerLayout (Android only). The Drawer (typically used for navigation) is rendered with renderNavigationView and direct children are the main view (where your content goes). The navigation view is initially not visible on the screen, but can be pulled in from the side of the window specified by the drawerPosition prop and its width can be set by the drawerWidth prop.
Example:
-render: function() {
- var navigationView = (
- <View style={{flex: 1, backgroundColor: '#fff'}}>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>I'm in the Drawer!</Text>
- </View>
- );
- return (
- <DrawerLayoutAndroid
- drawerWidth={300}
- drawerPosition={DrawerLayoutAndroid.positions.Left}
- renderNavigationView={() => navigationView}>
- <View style={{flex: 1, alignItems: 'center'}}>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>Hello</Text>
- <Text style={{margin: 10, fontSize: 15, textAlign: 'right'}}>World!</Text>
- </View>
- </DrawerLayoutAndroid>
- );
-},
-+
Reference
Props
Inherits View Props.
@@ -116,13 +171,13 @@drawerPosition
-Specifies the side of the screen from which the drawer will slide in.
+Specifies the side of the screen from which the drawer will slide in. By default it is set to left.
| Type | Required |
|---|---|
| enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right) | No |
| enum('left', 'right') | No |