时间戳

首页 > 解决方案 > 如何在文本中添加笔画？

react-native - 如何在文本中添加笔画？

问题描述

我应该对Textreact-native 中的组件做什么，创建一个像这样我在 figma 上绘制的： 在此处输入图像描述

此文本的背景为白色，周围有黑色笔划...

标签： react-native

解决方案

我不是 react-native 方面的超级专家，但在 CSS 中我会这样做。（我们可以在 React-Native 中使用普通的 CSS，对吧？）

h1 {
 color: white;
  /* Prefix required. Even Firefox only supports the -webkit- prefix */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

/*
Or shorthand:

h1 {
  -webkit-text-stroke: 1px black;
}*/
<h1>Text stroke</h1>

推荐阅读