ネイティブダイナミック実行時UI作成に反応する

Question

私のアプリケーションでは、サーバーからのコンテンツから作成する必要のある簡単な動的UIを作成する必要があります。文字列のコンテンツからビューをレンダリングする方法はありますか？

Answer 1

私は、サーバーから取得しているタイプ属性に基づいて、画面上に異なるUIコントロールをレンダリングしています。 私は、サーバーから取得したデータは、次の形式

である

<ListView 
enableEmptySections = {true} 
style={{flex:1}} 
dataSource={ds.cloneWithRows(data)} 
renderRow= 
{ 
(data, secId, rowId, rowMap) => 
    { 
return this.renderRow(data, secId, rowId, rowMap); 
    } 
} 
/> 

を次のようにリストビューを使用しています[{タイプ：「テキスト」、ラベル：「LABEL1」}、{タイプ：「チェックボックス'、label：' label2 '}];でrenderRow方法で

、データ型に基づいて、私は別のUIコントロールをレンダリング

renderRow(data, secId, rowId, rowMap) { 
    if (data.type=='Text') 
    { 
    var contentRow = <TextInput style={styles.InputRowBox} />; 
    return (contentRow); 
    } 
    else if (data.type=='CheckBox') 
    { 
    var notificationRow = <CheckBox style={styles.checkboxStyle} /> 
    return (notificationRow); 
    } 
} 

注：作業にチェックボックスコントロールのために、チェックボックスのパッケージを追加する必要があります、私はこのlink

から追加