ReactネイティブのDivおよびSpanコンポーネントの作成

Question

Reactネイティブで「View」を使用することは、Reactで「div」を使用することとほぼ同等です。

私はViewコンポーネント（すべての 'div'オプションをサポートしたいと思っています）の理由を理解していますが、合理的な 'div'と 'span'属性のほとんどを処理できるコンポーネントが作成できるようですそのため、React to React to 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> 
    } 
} 

Answer 1

よう

何か。これは、モバイルプラットフォームのネイティブUIコンポーネントに対応するコンポーネントを持つことを目的としています。それは、HTMLを取って何とかそれをモバイルアプリのようなものに変換するものではありません。そのため、実際にはプラットフォームのUIが使用されるため、「ネイティブ」と呼ばれています。一般的なHTML要素を使用してモバイルアプリを作成したいと思ったら、Cordova/Ionicなどのフレームワークを使用するだけです。

リアクションは、デバイスに関係なくユーザーインターフェイスを構築できるイディオムのようになりました。 React NativeはReact "イディオム"を取り、それをモバイル画面上でレンダリングする方法を知っているだけです。だから、「React to React Native」のようなものはありません。

実験したい場合は、カスタムDivコンポーネントとカスタムスパンコンポーネントを作成することができます。それはあなた次第です。そのコンポーネントからビューまたはテキストに小道具を渡すことができます。しかし、私はそれが冗長だと思う。通常、独自のコンポーネントを作成し、背後ではReact Nativeのすべての基本コンポーネントであるViewやText、TextInputなどを使用します。