在React Native Android上的網格視圖

我試圖在React Native Android上創建一個可滾動的網格狀ListView。在React Native Android上的網格視圖

我發現了這一點，它看起來完全像什麼，我想做的事：https://github.com/yelled3/react-native-grid-example

但是風格是搞砸了在Android上，包不出現工作。我有2行，我看不到我的所有元素...

難道這就是在Android上得到支持？還是我必須採取完全不同的方法？（即每行有一個組件，手動打破了我的數據源）

2016-05-25 erwan

您可以從react-native回購https://github.com/facebook/react-native/blob/master/Examples/UIExplorer/ListViewGridLayoutExample.js

工作很適合我兩個platforfms嘗試這個例子。

如果你想得到更詳細的答案，最好在這裏分享你的代碼。

來源

2016-06-22 12:36:00 chukcha

您在哪裏看不到所有行的問題最有可能是由於導航欄。假設視圖上有一個flex: 1，行元素顯示在導航欄的後面。

一個可能的解決方案是找出導航欄的大小，然後用它來確定導航欄下面的視圖的大小。然後，您可以在計算的視圖中呈現您的網格。

東西沿着這些路線：

const NavHeightPadding = Platform.OS === 'ios' ? 64 : 54 
const { width, height } = Dimensions.get('window'); 
const ViewHeight = { height: height - NavHeightPadding } 

<View style={[{ marginTop: NavHeightPadding }, ViewHeight]}> 
    ...some grid component 
</View>

至於如何建立網格，你可以看看@ chukcha的回答，他提供了從Facebook的例子非常好的資源。

其他一些電網的替代品：

來源

2017-02-09 04:43:10 Damian

我知道這是一個非常古老的職位，但以防萬一有人走來，看到這一點，我認爲這會提供信息。 – Damian

在React Native Android上的網格視圖

回答

相關問題