네이티브 동적 런타임 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); 
    } 
} 
/> 

내가 서버에서 얻는 데이터를 다음과 같이 ListView를 사용하고 다음과 같은 형식

[{유형 : '텍스트', 라벨 : '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

에서 추가