我在各种论坛上看到有人声称在 React Native 中使用“View”相当于在 React 中使用“div”。
虽然我理解 View 组件的原因(谁想要支持所有“div”选项?)但似乎可以制作一个可以处理大部分合理的“div”和“span”属性的组件将 React 移植到 React native 并不是那么乏味的工作。
有没有人有这样的组件,他们已经测试过并可以分享?对于几乎所有跳入 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>
}
}
最佳答案
我认为您忽略了 React Native 的要点。它意味着具有映射到移动平台的 native UI 组件的组件。它并不意味着采用 HTML 并以某种方式将其转换为看起来像移动应用程序的东西。这就是它被称为“本地”的原因——因为它实际上使用了来自平台的 UI。如果您想使用常见的 HTML 元素来制作移动应用程序,那么为什么不坚持使用 Cordova/Ionic 等框架呢?
React 现在就像一个成语,无论使用何种设备,都可以让您构建用户界面。 React Native 只是采用了 React 的“惯用语”,并且知道如何在移动屏幕上呈现它。所以不存在“将 React 移植到 React Native”这样的事情。
如果您想进行试验,是的,您可以制作一个自定义 Div 组件和一个自定义 Span 组件——这取决于您。您可以将 Prop 从该组件向下传递到 View 或文本。但我认为那是多余的。通常您会创建自己的组件,并在幕后使用 View 和 Text 以及 TextInput 等——所有 React Native 的基本组件。
关于javascript - 在 React Native 中创建 'Div' 和 'Span' 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45761568/