我在使用textShadow propriety时遇到了一些问题。下面是我的代码:
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
以下是它的渲染方式:
Text with shadow
正如你所注意到的,阴影在文本的开头和结尾都被剪掉了...
有人知道如何避免这种情况吗?(在要呈现的字符串中不添加““)
非常感谢您的帮助。
3条答案
按热度按时间0yycz8jy1#
这是一个代码的工作示例https://snack.expo.io/@jsfit/text-shadow在我看来不错
brqmpdu12#
在结尾处添加空白似乎可以解决我的问题。
mzsu5hc03#
指定文本组件的宽度和高度,然后对齐文本