Description:
The React Native Stroke/Outline Text component allows developers to easily add stylized text with outline effects to React Native apps.
The component renders text elements with configurable outline/stroke effects surrounding the characters. It accepts props like text, fontSize, fontFamily, etc. to control text content and styling.
How to use it:
1. Install and import the Stroke/Outline Text component into your React Native app.
# Yarn $ yarn add @charmy.tech/react-native-stroke-text # NPM $ npm install @charmy.tech/react-native-stroke-text
import React from "react";
import { StrokeText } from "@charmy.tech/react-native-stroke-text";
import { View } from "react-native";2. Add the <StrokeText /> component to the app and define the text in the text prop.
<StrokeText text="React Script Com" />
3. Tailor the appearance of your text to fit the design and theme of your app.
text: string; fontSize?: number; color?: string; strokeColor?: string; strokeWidth?: number; fontFamily?: string;
Preview:
