iPhoneX fit

rilyu · Dec 17, 2017 · 31a4a4e · 31a4a4e
1 parent 2dcd698
commit 31a4a4e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/NavigationBar/NavigationBar.js b/components/NavigationBar/NavigationBar.js
@@ -85,15 +85,16 @@ export default class NavigationBar extends Component {
         titleTextAlign = 'left';
         break;
     }
+    let {left: leftInset, right: rightInset} = Theme.screenInset;
     style = [{
       backgroundColor: Theme.navColor,
       position: 'absolute',
       left: 0,
       right: 0,
       height: Theme.navBarContentHeight + (statusBarInsets ? Theme.statusBarHeight : 0),
       paddingTop: statusBarInsets ? Theme.statusBarHeight : 0,
-      paddingLeft: 4,
-      paddingRight: 4,
+      paddingLeft: 4 + leftInset,
+      paddingRight: 4 + rightInset,
       borderBottomWidth: Theme.navSeparatorLineWidth,
       borderBottomColor: Theme.navSeparatorColor,
       flexDirection: 'row',

diff --git a/components/PullPicker/PullPickerView.js b/components/PullPicker/PullPickerView.js
@@ -51,8 +51,9 @@ export default class PullPickerView extends Overlay.PullView {
       backgroundColor: Theme.pupHeaderSeparatorColor,
       height: Theme.pupHeaderSeparatorHeight,
     }
+    let {left: leftInset, right: rightInset} = Theme.screenInset;
     children = (
-      <View style={{backgroundColor: Theme.pupColor, maxHeight: Theme.pupMaxHeight}}>
+      <View style={{backgroundColor: Theme.pupColor, maxHeight: Theme.pupMaxHeight, paddingLeft: leftInset, paddingRight: rightInset}}>
         {!title ? null :
           <View style={headerRowStyle}>
             <Label style={headerTextStyle} text={title} />

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "teaset",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A UI library for react native.",
   "main": "index.js",
   "scripts": {