은 심지어 모든 ListItem backgroundColor 회색을 렌더링하고 React-Native에서 홀수 인 모든 흰색을 렌더링합니다.

내 반응 기본 응용 프로그램의 경우 ListItem을 사용하고 있습니다. 내 그림은 마치 ListItems 'backgroundColor을 자동으로 렌더링 할 수있는 방법이 있어야한다고 생각합니다. 여기은 심지어 모든 ListItem backgroundColor 회색을 렌더링하고 React-Native에서 홀수 인 모든 흰색을 렌더링합니다.

와 지금 내 List 코드입니다.

<List> 
        <ListItem> 
         <Body> 
          <Text style={{fontSize: 10, fontWeight: 'bold'}}>Lead Info Update: Updated lead info bar . 2017-11-15 14:27:02</Text> 
          <Text style={{fontSize: 15}} note><Icon style={{fontSize: 15}} name="calendar"/> 2017-11-15 14:28:44</Text> 
         </Body> 
        </ListItem> 
        <ListItem> 
         <Body> 
          <Text style={{fontSize: 10, fontWeight: 'bold'}}>Lead Info Update: Updated lead info bar . 2017-11-15 14:27:02</Text> 
          <Text style={{fontSize: 15}} note><Icon style={{fontSize: 15}} name="calendar"/> 2017-11-15 14:28:44</Text> 
         </Body> 
        </ListItem> 
</List>

알아내는 방법을 알고 계십니까?

출처

2017-12-24 Ali Zeynalov

그럼 난 당신이 단순히 같은 반응 네이티브에서 Flatlist와 기본베이스에서 목록을 대체 할 수있는 것보다이 Flatlist 경우, 사용하는 장면 뒤에 기본베이스에서 어떤 목록 확실하지 않다

<FlatList 
renderItem={(item, index)=>{ 
//add check on the basis of isEven = (index%2 ===0); 
<ListItem> 
    <Body> 
     <Text style={{fontSize: 10, fontWeight: 'bold'}}>Lead Info Update: Updated lead info bar . 2017-11-15 14:27:02</Text> 
     <Text style={{fontSize: 15}} note><Icon style={{fontSize: 15}} name="calendar"/> 2017-11-15 14:28:44</Text> 
    </Body> 
</ListItem>} 
} 
/>

아래

출처

2017-12-24 17:31:31

은 심지어 모든 ListItem backgroundColor 회색을 렌더링하고 React-Native에서 홀수 인 모든 흰색을 렌더링합니다.

답변

관련 문제