jsdf/react-native-htmlview

Inline Style not working

gowdruNikhil opened this issue · 3 comments

<p> Add <span style="color:green">₹56</span> more to cart for <span style="color:green">FREE</span> Delivery</p>

the color green is not applying on the span tagged elements

Not very elegant but I tricked it by recreating a custom node with the data inside.

Hope it will help few other like me :)

 if (node.name == 'span') {
      const data = node.children[0].data;
      const width = Dimensions.get('window').width;
      return (
          <View key={index} style={{ backgroundColor: 'red', borderRadius: 12, padding: 14, width: width - 24 }}>
              <Text style={{color: '#FFFFFF', fontSize: 14, lineHeight: 24}} >
                  {data}
              </Text>
          </View>
      )
} 

Please provide an version update with this Fix.

Do we have any updates? Please