TYText

In React Native, the default props of the Text component are inconsistent on Android and IOS.
TYText has a layer of encapsulation on the Text component to ensure that the IOS and Android are consistent.

Code demo

Basic style

import { TYText } from 'tuya-panel-kit'

<TYText color="red" text="I am Tuya'er" weight="bold" size={24} />

Use with size and type

import { TYText } from 'tuya-panel-kit'

<View>
  <TYText size="small" type="paragraph" text="Tuya" />
  <TYText
    size="small"
    type="title"
    text="Tuya"
    style={{ marginHorizontal: 20 }}
  />
  <TYText size="small" type="heading" text="Tuya" />
</View>

import { TYText } from 'tuya-panel-kit'

<View>
  <TYText size="normal" type="paragraph" text="Tuya" />
  <TYText
    size="normal"
    type="title"
    text="Tuya"
    style={{ marginHorizontal: 20 }}
  />
  <TYText size="normal" type="heading" text="Tuya" />
</View>

import { TYText } from 'tuya-panel-kit'

<View>
  <TYText size="large" type="paragraph" text="Tuya" />
  <TYText
    size="large"
    type="title"
    text="Tuya"
    style={{ marginHorizontal: 20 }}
  />
  <TYText size="large" type="heading" text="Tuya" />
</View>

API

extends TextProps

Tuya Design

TYText

Code demo

Basic style

Use with size and type

API