react-native-subtext v1.0.1

react-native-subtext

自动识别文本中的数字转为上标或者下标 android&ios

Start

npm i react-native-subtext --save或者
yarn add react-native-subtext

import  SubText from 'react-native-subtext';

//...

render() {
        return (
            <View style={{flex:1}}>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}}  text={"C2H4O5"}></SubText>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}}  text={"C2H4O5"} type={'sup'}></SubText>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}} subTextStyle={{color:"red",fontSize:12}}  text={"C6H4O5"}></SubText>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}} subTextStyle={{color:"blue",fontSize:12}}  text={"ABCDEF"} subsuptext={"BDF"}></SubText>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}} subTextStyle={{color:"blue",fontSize:12}}  text={"大家好才是真的好"} subsuptext={"好"}></SubText>
                <SubText style={{marginBottom:5}} textStyle={{color:"black",fontSize:20}} subTextStyle={{color:"blue",fontSize:12}}  text={"大家好才是真的好"} subsuptext={"好"} type={'sup'}></SubText>
            </View>

        );
    }

Options