无涯教程网

Reactnative React Native font outline textShadow

发布于08月04日

是否可以在react native中为字体添加轮廓或文本阴影，以实现如下效果(白色字体加黑色轮廓):

在web上的CSS中，可以向字体添加文本阴影或轮廓，为文本提供字体后面的边框，如下所示:

h1 {
    color: yellow;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

<h1>Hello World</h1>

在react native中有可能做类似的事情吗？

我从这篇关于如何使用CSS:CSS Font Border?的堆栈溢出帖子中获取了CCS代码片段示例

EDIT: Updated question to try and make it clearer

推荐答案

是的，可以通过以下属性实现:

textShadowColor color
textShadowOffset ReactPropTypes.shape( {width: ReactPropTypes.number, height: ReactPropTypes.number} )
textShadowRadius ReactPropTypes.number

https://facebook.github.io/react-native/docs/text.html

实际完成的拉取请求:

React-native相关问答推荐

FlatList 总是增长到 100% 高度

文本输入提示

元素类型无效：应为字符串

React native flexbox - 如何做 percentages ｜｜ columns ｜｜ responsive ｜｜ grid etc

无法访问函数内部的状态

ReactNative FlatList 一次渲染所有元素？

如何判断 React Native 中的 AsyncStorage 中是否存在密钥？ getItem() 总是返回一个promise对象

React Native localhost 另一个调试器已经连接

使用 React Native 打开 iOS iPad 模拟器

使用 android 的应用中心分发时应用未安装错误

如何在react-native矢量图标中从多个文件导入图标？

如何在样式组件之外获取主题？

React Native Android 负边距(Margins)

在 React-native 上加载图像时出错：Unexpected character

无法运行 jetifier React Native

如何在react-native中将文本放置在图像上？

React Native 必须双击才能使 onPress 工作

未找到 React/RCTBridgeDelegate.h' 文件

React Native - 导航问题undefined is not an object (this.props.navigation.navigate)

如何更改后退按钮标签，react-navigation

实用课程推荐

相关教程推荐