使用ListView渲染段內的行？

ListView組件處於react-native狀態 - 是否可以在像這樣的部分內渲染行？使用ListView渲染段內的行？

<section> 
    <row>A</row> 
    <row>B</row> 
</section> 
<section> 
    <row>C</row> 
    <row>D</row> 
</section>

而且不這樣的：

<section></section> 
<row>A</row> 
<row>B</row> 
<section></section> 
<row>C</row> 
<row>D</row>

我使用renderRow和renderSectionHeader。

我想要這樣渲染的原因是由於造型。但也許我需要有兩個嵌套ListView而不是？

來源

2016-11-22 Marcus

你需要什麼造型？ – farwayer

@farwayer每一個

都應該像一張有陰影的卡片。不幸的是，具體的外觀不可能通過頁眉，頁腳和分隔符來完成。 – Marcus

我可以提出一點有趣的解決方案。

在Android上爲區段添加陰影，您可以將elevation設置爲所有行和區段標題。在ios上，您需要設置shadow*樣式。

但是，如果您決定添加borderRadius，則會出現問題。在這種情況下，爲防止出現上邊界文物，您可以向每行添加小負數marginBottom（-2或-4應該足夠）。

shadow: { 
    shadowOffset: { 
    width: 2, 
    height: 2 
    }, 
    shadowRadius: 1, 
    shadowOpacity: 0.2, 
    elevation: 2, 
    borderRadius: 2, 
    marginBottom: -2, 
}

的ListView 3行：

來源

2016-12-01 16:12:50 farwayer

使用ListView渲染段內的行？

回答

相關問題