[FIX] inserter point in mobile app (#20195)

* fix inserter point in gutenberg-mobile
WordPress · Feb 18, 2020 · fcdd316 · fcdd316
1 parent 322da29
commit fcdd316
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-list/index.native.js b/packages/block-editor/src/components/block-list/index.native.js
@@ -97,8 +97,13 @@ export class BlockList extends Component {
  withFooter = true,
  isReadOnly,
  isRootList,
+ shouldShowInsertionPointBefore,
+ shouldShowInsertionPointAfter,
  } = this.props;
 
+ const forceRefresh =
+ shouldShowInsertionPointBefore || shouldShowInsertionPointAfter;
+
  return (
  <View
  style={ { flex: isRootList ? 1 : 0 } }
@@ -116,6 +121,7 @@ export class BlockList extends Component {
  scrollViewStyle={ { flex: isRootList ? 1 : 0 } }
  data={ blockClientIds }
  keyExtractor={ identity }
+ extraData={ forceRefresh }
  renderItem={ this.renderItem }
  shouldPreventAutomaticScroll={
  this.shouldFlatListPreventAutomaticScroll

diff --git a/packages/block-editor/src/components/default-block-appender/index.native.js b/packages/block-editor/src/components/default-block-appender/index.native.js
@@ -16,6 +16,7 @@ import { getDefaultBlockName } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
+import BlockInsertionPoint from '../block-list/insertion-point';
 import styles from './style.scss';
 
 export function DefaultBlockAppender( {
@@ -24,6 +25,7 @@ export function DefaultBlockAppender( {
  onAppend,
  placeholder,
  containerStyle,
+ showSeparator,
 } ) {
  if ( isLocked || ! isVisible ) {
  return null;
@@ -40,7 +42,11 @@ export function DefaultBlockAppender( {
  style={ [ styles.blockHolder, containerStyle ] }
  pointerEvents="box-only"
  >
- <RichText placeholder={ value } onChange={ () => {} } />
+ { showSeparator ? (
+ <BlockInsertionPoint />
+ ) : (
+ <RichText placeholder={ value } onChange={ () => {} } />
+ ) }
  </View>
  </TouchableWithoutFeedback>
  );