diff --git a/ReactNativeClient/lib/components/note-item.js b/ReactNativeClient/lib/components/note-item.js index 3eba81587..93929da63 100644 --- a/ReactNativeClient/lib/components/note-item.js +++ b/ReactNativeClient/lib/components/note-item.js @@ -90,7 +90,8 @@ class NoteItemComponent extends Component { const onCheckboxChange = this.props.onCheckboxChange; const theme = themeStyle(this.props.theme); - let checkboxStyle = !isTodo ? { display: 'none' } : { color: theme.color }; + // IOS: display: none crashes the app + let checkboxStyle = !isTodo ? { } : { color: theme.color }; if (isTodo) { checkboxStyle.paddingRight = 10; diff --git a/ReactNativeClient/lib/components/screen-header.js b/ReactNativeClient/lib/components/screen-header.js index 9f8140adb..287f49650 100644 --- a/ReactNativeClient/lib/components/screen-header.js +++ b/ReactNativeClient/lib/components/screen-header.js @@ -1,6 +1,6 @@ const React = require('react'); const Component = React.Component; const { connect } = require('react-redux'); -const { Modal, View, Text, Button, StyleSheet, TouchableOpacity, Image } = require('react-native'); +const { Platform, View, Text, Button, StyleSheet, TouchableOpacity, Image } = require('react-native'); const Icon = require('react-native-vector-icons/Ionicons').default; const { Log } = require('lib/log.js'); const { BackButtonService } = require('lib/services/back-button.js'); @@ -41,6 +41,7 @@ class ScreenHeaderComponent extends Component { alignItems: 'center', shadowColor: '#000000', elevation: 5, + paddingTop: Platform.OS === 'ios' ? 10 : 0, // Extra padding for iOS because the top icons are there }, divider: { borderBottomWidth: 1,