0
251
ViewsCómo hacerlo, algunos elementos o encabezados no deberían mostrarse varias veces en reaccionar nativo
Tengo una tabla en el lado derecho, hay columnas en la parte superior, cada cuadro tiene un encabezado. Solo quiero eso. ese encabezado no debe repetirse. en cada caja. solo debe repetirse en la parte superior de la columna.
aquí está el código - https://snack.expo.dev/@xeteke8423/sellerformat
·
Juan Pablo Isaza
1 answers
Answer question0
Puede resolver eso pasando el accesorio de index a SecondaryBox y renderizando el encabezado condicionalmente.
Realice los siguientes cambios en su base de código:
Aplicación.js:
//....... <View> {sample.map((item) => ( <View style={{ flexDirection: 'row' }}> {item['sellerId']?.map((buyer, index) => ( <SecondaryBox sellerId={buyer} index={index} /> ))} </View> ))} </View> //....... Y en su SecondaryBox.js represente el encabezado condicionalmente como se muestra a continuación:
//............ <ScrollView horizontal> { <View style={{ flexDirection: 'row' }}> <View style={{ marginLeft: 10 }}> {index === 0 ? ( <View style={{position: ""}}> <Text>Seller Profile</Text> <Text>View Remark</Text> <Text>Unit/Price</Text> </View> ) : ( <View style={{ height: 55 }}></View> )} //............Aquí está la salida:
·
Juan Pablo Isaza
Report
Answer question