Text

Text is a component that renders text. It is a wrapper around the Text component from React Native.

Usage in creating custom components

import { Text } from 'lumine-ui';

const CustomComponent = () => {
    return (
        <Text>Some text</Text>
    );
};

JSON Template

{
    id: "some-id",
    name: "Some name",
    text: "Some text",
    style: {
        color: "red",
        fontSize: 20,
        fontWeight: "bold"
    }
}

Props

• onLayout

  • type: ({ nativeEvent: LayoutEvent  }) => void

    Invoked on mount and on layout changes.

• onLongPress

  • type: ({ nativeEvent: PressEvent  }) => void

    This function is called on long press.

• onPress

  • type: ({ nativeEvent: PressEvent  }) => void

    This function is called on press.

  • onPressIn
  • onPressOut
• TextLayout

  • type: string

    Invoked on text layout