dohooo / react-native-reanimated-table

📊 A React Native table component using react-native-reanimated and react-native-gesture-handler.
MIT License
147 stars 3 forks source link

Error while updating property 'borderStyle' of a view managed by: RCTView #22

Open albedev opened 1 week ago

albedev commented 1 week ago

` <Table borderStyle={{borderWidth: 1}}>

            {tableData.map((rowData, index) => (
                <Pressable style={{borderWidth: 1}} key={index} onPress={() => handleRowPress(rowData)}>
                    <Row data={rowData} textStyle={styles.text}/>
                </Pressable>
            ))}
        </Table>`
dosubot[bot] commented 1 week ago

Hey there, @albedev! I'm here to help you with any bugs, questions, or contributions you have while waiting for a human maintainer. Let's tackle this issue together!

To resolve the error "Error while updating property 'borderStyle' of a view managed by: RCTView," you need to ensure that the borderStyle property is correctly applied. The View component in React Native does not have a borderStyle property; instead, you should use individual border properties like borderWidth, borderColor, etc.

Here's the corrected code:

<Table borderStyle={{ borderWidth: 1, borderColor: '#000' }}>
  <Row data={tableHead} style={styles.head} textStyle={styles.text} />
  {tableData.map((rowData, index) => (
    <Pressable
      style={{ borderWidth: 1, borderColor: '#000' }}
      key={index}
      onPress={() => handleRowPress(rowData)}
    >
      <Row data={rowData} textStyle={styles.text} />
    </Pressable>
  ))}
</Table>

In this corrected code, the individual border properties (borderWidth and borderColor) are directly applied to the style prop of the Pressable component, avoiding the use of a non-existent borderStyle property on the View component [1].

To continue talking to Dosu, mention @dosu.