function parseViewComponent(targetNode, nativeNode, style) {
  if (targetNode.meta.component.name === 'View') {
    // Change View to ScrollView when meet overflow=scroll style.
    if (style.overflowX === 'scroll' && style.overflowY === 'scroll') {
      warn('overflow-x and overflow-y for View can not work together');
    }
    if (style.overflowY === 'scroll') {
      nativeNode.name = 'ScrollView';
    } else if (style.overflowX === 'scroll') {
      nativeNode.name = 'ScrollView';
      // Necessary for horizontal scrolling
      nativeNode.props.horizontal = true;
    }
    // Change the ScrollView child collapsable attribute
    if (nativeNode.name === 'ScrollView') {
      if (targetNode.childNodes.length !== 1) {
        warn('Only one child node is acceptable for View with overflow');
      }
      if (targetNode.childNodes.length) {
        targetNode.childNodes[0].setStyle('collapsable', false);
      }
    }
    // TODO backgroundImage would use local path if webpack file-loader active, which needs native support
    if (style.backgroundImage) {
      style.backgroundImage = convertImageLocalPath(style.backgroundImage);
    }
  }
}
/**
 * parse view component on special condition
 * @param targetNode
 * @param nativeNode
 * @param style
 */
parse view component on special condition
@param targetNode
@param nativeNode
@param style
parse view component on special condition @param targetNode @param nativeNode @param style
function parseViewComponent(targetNode, nativeNode, style) {
  if (targetNode.meta.component.name === 'View') {
    if (style.overflowX === 'scroll' && style.overflowY === 'scroll') {
      warn('overflow-x and overflow-y for View can not work together');
    }
    if (style.overflowY === 'scroll') {
      nativeNode.name = 'ScrollView';
    } else if (style.overflowX === 'scroll') {
      nativeNode.name = 'ScrollView';
      nativeNode.props.horizontal = true;
    }
    if (nativeNode.name === 'ScrollView') {
      if (targetNode.childNodes.length !== 1) {
        warn('Only one child node is acceptable for View with overflow');
      }
      if (targetNode.childNodes.length) {
        targetNode.childNodes[0].setStyle('collapsable', false);
      }
    }
    if (style.backgroundImage) {
      style.backgroundImage = convertImageLocalPath(style.backgroundImage);
    }
  }
}
function parseViewComponent ( targetNode , nativeNode , style ) { if ( targetNode . meta . component . name === 'View' ) { if ( style . overflowX === 'scroll' && style . overflowY === 'scroll' ) { warn ( 'overflow-x and overflow-y for View can not work together' ) ; } if ( style . overflowY === 'scroll' ) { nativeNode . name = 'ScrollView' ; } else if ( style . overflowX === 'scroll' ) { nativeNode . name = 'ScrollView' ; nativeNode . props . horizontal = true ; } if ( nativeNode . name === 'ScrollView' ) { if ( targetNode . childNodes . length !== 1 ) { warn ( 'Only one child node is acceptable for View with overflow' ) ; } if ( targetNode . childNodes . length ) { targetNode . childNodes [ 0 ] . setStyle ( 'collapsable' , false ) ; } } if ( style . backgroundImage ) { style . backgroundImage = convertImageLocalPath ( style . backgroundImage ) ; } } }
parse view component on special condition
 @param targetNode
 @param nativeNode
 @param style
parse view component on special condition @param targetNode @param nativeNode @param style
// Change View to ScrollView when meet overflow=scroll style. // Necessary for horizontal scrolling // Change the ScrollView child collapsable attribute // TODO backgroundImage would use local path if webpack file-loader active, which needs native support