React Native: textShadow плохо отображается по бокам

Question

У меня проблемы с правильным использованием textShadow. Вот мой код:

import React from 'react'
import { StyleSheet, View, Text } from 'react-native'

class Test extends React.Component {
  
  render() {
    return (
      <View style={styles.main_container}>
         <Text style={}>Some textooo</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  main_container: {
    flex: 1,
    justifyContent:'center',
    alignItems:'center',
  },
  text: {
    fontSize: 30, 
    fontWeight: '900', 
    textShadowColor: 'rgba(0, 0, 0, 0.8)', 
    textShadowOffset: { width: 0, height: 0 },
    textShadowRadius: 10,
}

 
})

export default Test

Вот как он отображает:

Текст с тенью

Как вы можете заметить, тень обрезается на начало и конец текста ...

Кто-нибудь знает, как этого избежать? (Без добавления "" в строку для рендеринга)

Спасибо Вам большое за помощь.

Answer 1

Вот рабочий пример вашего кода https://snack.expo.io/@jsfit / text-shadow мне кажется хорошим

введите описание изображения здесь