목록에서 배경색을 번갈아 가독성 향상
Kimako
'react-native-elements'의 ListItem을 사용하고 있으며 긴 제품 목록이 있습니다.
<View style={{flex: 1}}>
{
this.state.displayArray.map((item, i) => (
<ListItem key={i}
bottomDivider
style={styles.listWidth}
onPress={() => this.props.navigation.navigate('ProductDetails', {productId:
parseInt(item.id)})}>
<Icon name='shopping-cart' />
<ListItem.Title style={styles.listTitle}>{item.name}</ListItem.Title>
<ListItem.Subtitle style={{ color: '#F78400'}}>{i18n.t("information.cost")}:
{item.cost}</ListItem.Subtitle>
</ListItem>
))
}
</View>
배경색 (예 : 흰색, 회색, 흰색, 회색, 흰색, ....)을 번갈아 가독성을 향상시킬 수있는 아이디어가 있는지 알고 싶습니다. 아마 재미 :))
샤 히드 나와 즈
간단한 모드 로직을 사용하여 대체 색상에 대한 짝수 행을 결정합니다.
짝수 % 2는 항상 0을 반환하고, 홀수 % 2는 항상 1을 반환합니다.이 논리를 사용하여 (i % 2 == 0)? 짝수 행 : 홀수 행
<View style={{flex: 1}}>
{
this.state.displayArray.map((item, i) => (
<ListItem key={i}
bottomDivider
//check mod for even odd rows and assign color
style={{backgroundColor: i % 2 === 0 ? '#000' : '#ccc' }
onPress={() => this.props.navigation.navigate('ProductDetails', {productId:
parseInt(item.id)})}>
<Icon name='shopping-cart' />
<ListItem.Title style={styles.listTitle}>{item.name}</ListItem.Title>
<ListItem.Subtitle style={{ color: '#F78400'}}>{i18n.t("information.cost")}:
{item.cost}</ListItem.Subtitle>
</ListItem>
))
}
</View>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：완벽하게 작동 한 OnChange 스크립트를 수정 한 다음 Google Sheet가 수정되었을 때 작동을 중지하는 방법
- 다음 포스트：vscode에서 reactjs를 사용하여 오류를보고했습니다.
관련 기사
Related 관련 기사
- 1
값의 독립성이있는 세로 막 대형 차트에서 두 가지 색상을 번갈아 표시
- 2
UITableviewCell에서 3 가지 색상을 번갈아 가며
- 3
파이썬에서 두 개의 목록을 번갈아 가며 반복
- 4
WPF DataGrid의 LoadingRow 이벤트에서 행 색상을 번갈아 가며 행 색상을 두 배로 늘립니다.
- 5
Python-중복 목록을 줄이지 만 번갈아 가면 목록에서 중복을 유지합니다.
- 6
색상 행을 번갈아 가며 구문 분석 오류
- 7
첫 번째 항목에 영향을주는 목록보기에서 마지막 항목의 색상 변경
- 8
정렬시 테이블에 색상 배경이 번갈아 표시되도록합니다.
- 9
값을 번갈아 가며 목록을 결합하려고 할 때 확장 슬라이스에서 멈춤
- 10
파이썬에서 목록을 번갈아 가며 크기로 나누는 방법은 무엇입니까?
- 11
값 변경에 따라 행 그룹에 대해 두 가지 색상을 번갈아 사용하는 조건부 형식
- 12
상자 그림 가독성을 향상
- 13
노틸러스 / 파일 3.6+ 목록보기에서 번갈아가는 회색 선을 다시 활성화하는 방법은 무엇입니까?
- 14
노틸러스 / 파일 3.6+ 목록보기에서 번갈아가는 회색 선을 다시 활성화하는 방법은 무엇입니까?
- 15
데이터 값 변경에 따라 0과 1을 번갈아 가며 생성
- 16
행 그룹을 번갈아 가며 색상을 지정하는 매크로
- 17
두 열을 동적으로 번갈아 가며 HTML 목록 가져 오기
- 18
녹아웃으로 목록에 항목을 추가 한 후 배경색 변경
- 19
href의 각 onclick에 대한 URL을 번갈아 가며
- 20
번갈아 가며 번갈아 나타나는 CSS 상자 너비
- 21
ADSL 회선에서 낮고 높은 핑 시간을 번갈아 가며
- 22
내 UIButton의 배경색이 상태 구성에서 영향을받지 않는 이유는 무엇입니까?
- 23
C ++에서 매우 큰 상수의 가독성 향상
- 24
C ++에서 매우 큰 상수의 가독성 향상
- 25
WinRT 컬렉션 항목을 목록에 추가하기위한 성능 향상
- 26
각 행에 대해 전송되는 열을 번갈아 가며 별도의 열에있는 목록을 재구성하는 방법은 무엇입니까?
- 27
하나의 선택기로 3 요소마다 두 가지 색상을 번갈아 가며
- 28
빈 열을 번갈아 가며 동일한 테이블의 항목 병합
- 29
주를 번갈아 가며 Google 스프레드 시트 배경색 설정
몇 마디 만하겠습니다