第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何制作一個像 UI 一樣的表來反應(yīng)原生以呈現(xiàn)其中的元素?

如何制作一個像 UI 一樣的表來反應(yīng)原生以呈現(xiàn)其中的元素?

青春有我 2023-04-27 14:56:42
我的數(shù)組如下:Array [  Array [    "3",    "4",    "9",    "10",    "15",    "16",    "21",    "22",    "27",    "28",    "33",    "34",  ],  Array [    "2",    "5",    "8",    "11",    "14",    "17",    "20",    "23",    "26",    "29",    "32",    "35",  ],  Array [    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    undefined,    "36",  ],  Array [    "1",    "6",    "7",    "12",    "13",    "18",    "19",    "24",    "25",    "30",    "31",    "37",  ],]那么如何像矩陣一樣在 React Native 中渲染上述數(shù)組呢?例如它有 4 個數(shù)組,所以行的長度為 4,每個數(shù)組內(nèi)部大約有 12 個元素,所以有 12 列,所以應(yīng)該有 4 行和 12 列 - 如何顯示這個?我的功能:seats = () => {              let arr2d = this.state.selectedSeatLayouts.reduce((r, {column, row, name }) => {            if (!r[row]) r[row] = [];            r[row][column] = name;            return r;        }, []);                  return (              arr2d.map((o, i) => {                  return(                    <View style={{ flexDirection: 'row' }} key={i}>                    {                        o.map((e, i) =>{                            return(                                <View                                 style={{flex: 1}}                                key={i}>                                    <Text>{e}</Text>                                </View>                            )                        })                    }                    </View>                  )              })          );    }從上面得到的輸出如下:349101516212227283334258111417202326and so on...但預(yù)期的輸出如下,1          2   36          5   47          8   912         11  1013         14  1518         17  1619         20  2124         23  2225         26  2730         29  2831         32  3337   36    35  34請指導(dǎo)和幫助
查看完整描述

2 回答

?
ibeautiful

TA貢獻(xiàn)1993條經(jīng)驗(yàn) 獲得超6個贊

您可以先使用旋轉(zhuǎn)數(shù)組并使用 flex。


? ? // Rotate array

? const rotateArray = arr2d[0].map((val, index) =>

? ? arr2d.map(row => row[index])

? );


? return (

? ? <View>

? ? ? {rotateArray.map((o, i) => {

? ? ? ? return (

? ? ? ? ? <View style={{flexDirection: 'row'}} key={i}>

? ? ? ? ? ? {o.reverse().map((e, i) => {

? ? ? ? ? ? ? return (

? ? ? ? ? ? ? ? <View

? ? ? ? ? ? ? ? ? style={{flex: 1}}

? ? ? ? ? ? ? ? ? key={i}

? ? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? ? <Text>{e}</Text>

? ? ? ? ? ? ? ? </View>

? ? ? ? ? ? ? );

? ? ? ? ? ? })}

? ? ? ? ? </View>

? ? ? ? );

? ? ? })}

? ? </View>

? );

查看完整回答
反對 回復(fù) 2023-04-27
?
繁星coding

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個贊

return (

? <View style={{ flexDirection: 'column' }}>

? ? {arr2d.map((o) => {

? ? ? ? return(

? ? ? ? ? <View style={{ flexDirection: 'row' }} key={o}>

? ? ? ? ? {

? ? ? ? ? ? ? o.map((e) =>{

? ? ? ? ? ? ? ? ? return(

? ? ? ? ? ? ? ? ? ? ? <Text key={e}>{e}</Text>

? ? ? ? ? ? ? ? ? )

? ? ? ? ? ? ? })

? ? ? ? ? }

? ? ? ? ? </View>

? ? ? ? )

? ? })}

? </View>

);


查看完整回答
反對 回復(fù) 2023-04-27
  • 2 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號