Noctiflorous Pansy Mulch

npm

Need private packages and team management tools?Check out npm Orgs. »

react-native-vertical-text

1.0.5 • Public • Published

react-native-vertical-text

A simple and fully customizable React Native component that implements a vertical text UI.

altA tag                    alt tag

Installation

If using yarn:

yarn add react-native-vertical-text

If using npm:

npm i react-native-vertical-text

Usage

import VerticalText from 'react-native-vertical-text';

Simply place a <VerticalText /> tag for each desired


        <View style={{flexDirection:'row'}}>
  <VerticalText   style={{backgroundColor: '#aFFF', color: "black",fontSize: 10,borderWidth: 1,}} text={"1Monospace專為數位游牧打造的共享空間"}/>
         <VerticalText   style={{backgroundColor: 'black', color: "#FFF",fontSize: 15,borderWidth: 1,}} text={"2monospace專為數位游牧打造的共享空間"}/>
         <VerticalText   style={{backgroundColor: '#FFF', color: "black",fontSize: 20,}} text={"3Monospace專為數位游牧打造的共享空間"}/>
         <VerticalText   style={{backgroundColor: '#F79', color: "red",fontSize: 25,}} text={"4Monospace專為數位游牧打造的共享空間的"}/>


        </View>
       

Documentation

verticalText Component

Name Description Default Type
borderWidth Width for the text 6 Number
borderStyle Type of border for the text solid String
backgroundColor backgroundColor for the text #4bb543 String
color Color for the text #ebebe4 String
fontSize fontSize for the text size #ebebe4 String

Contributing

Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.

Working on your first Pull Request? You can learn how from this free series How to Contribute to an Open Source Project on GitHub

Author

License

MIT

install

npm i react-native-vertical-text

Downloadsweekly downloads

5

version

1.0.5

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability