1.0.5 • Published 5 years ago

react-native-vertical-text v1.0.5

Weekly downloads
5
License
MIT
Repository
github
Last release
5 years ago

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

NameDescriptionDefaultType
borderWidthWidth for the text6Number
borderStyleType of border for the textsolidString
backgroundColorbackgroundColor for the text#4bb543String
colorColor for the text#ebebe4String
fontSizefontSize for the text size#ebebe4String

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