React-native: 목록 보기 상단의 패딩

에 만든 2015년 02월 05일 · 3코멘트 · 출처: facebook/react-native

ListView 를 렌더링하고 있는데 맨 위에 패딩이 있어서 제거할 수 없습니다.

screen shot 2015-02-05 at 1 43 05 pm

내 코드:

    return ListView({
      style: { flex: 1, borderWidth: 1, borderColor: 'red', paddingTop: 0 },
      renderRow: this.renderRow,
      dataSource: source
    });

다른 사람이 이것을 본 적이 있습니까?

Locked

출처

jlongster

👍1

가장 유용한 댓글

automaticallyAdjustContentInsets={false} 를 추가해야 할 수도 있습니다. 이것이 기본적으로 사실인 이유를 아는 사람이 있습니까?

nick 에 2015년 02월 05일

👍3 🎉1

모든 3 댓글

automaticallyAdjustContentInsets={false} 를 추가해야 할 수도 있습니다. 이것이 기본적으로 사실인 이유를 아는 사람이 있습니까?

nick 에 2015년 02월 05일

👍3 🎉1

당신 말이 맞아, 그것을 고쳤어, 고마워!

jlongster 에 2015년 02월 05일

iOS에서는 탐색(상단)과 탭(하단)이 반투명합니다. 이것은 스크롤뷰와 같은 뒤에 있는 콘텐츠가 상단과 하단에 겹쳐야 하지만 상단/하단 막대의 크기에 맞는 추가 패딩이 있어야 함을 의미합니다. iOS에는 아래로 떨어지는 top/bottomLayoutGuide 개념이 있습니다. automaticallyAdjustContentInsets 는 해당 가이드를 기반으로 패딩을 자동으로 추가할 수 있습니다.

레이아웃 및 React와의 통합은 일반적으로 잘 고려되지 않았기 때문에 이 속성을 추가했습니다. 노력이 필요하지만 사소하지 않은 일이에요 :)