Add Stylish Outlined Text to Your React Native App with StrokeText

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:

Add Stylish Outlined Text to Your React Native App with StrokeText

Download Details:

Author: charmy

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/charmy/react-native-stroke-text

License: MIT

Add Comment