在React Native中创建"Div"和"Span"组件

Question

我在各种论坛中都看到过在React Native中使用"View"是在React中使用'div'的准等价.

虽然我理解View组件的原因(谁想支持所有'div'选项？),但似乎可以处理一个可以处理大部分合理'div'和'span'属性的组件,以便移植React React本土并不是那种乏味的苦差事.

有没有人有这样的组件,他们已经测试过,可以分享？关于样式支持,映射事件和映射子项的所有问题似乎都是重复的,因为几乎每个人都会跳进React Native.

就像是

class Div extends Component {  //or Class Span extends Component

  static propTypes = {
    style : PropTypes.obj
    onClick : PropTypes.func   // ...
  }

  render (){
    return (
      <View>
      {
        /* whatever is needed to pass everything through  ... */
      }
      </View>
  }
}

Answer 1

我认为您错过了 React Native 的重点。它意味着具有映射到移动平台的本机 UI 组件的组件。它并不意味着采用 HTML 并以某种方式将其转换为看起来像移动应用程序的东西。这就是它被称为“原生”的原因——因为它实际上使用了平台的 UI。如果您想使用常见的 HTML 元素来制作移动应用程序，那么为什么不坚持使用 Cordova/Ionic 等框架呢？

React 现在就像一个习语，它允许您构建一个无论设备如何的用户界面。React Native 只是采用了 React “惯用语”，并且知道如何在移动屏幕上呈现它。所以没有“将 React 移植到 React Native”这样的东西。

如果您想进行试验，是的，您可以制作自定义 Div 组件和自定义 Span 组件——这取决于您。您可以将道具从该组件向下传递到视图或文本。但我认为那是多余的。通常你会创建自己的组件，并在幕后使用 View、Text 和 TextInput 等——所有 React Native 的基本组件。