10 examples of 'react native center text' in JavaScript

225
renderCenter() {
226
    let msg = this.props.currentMessage;
227
    if(msg.msgType === 'notification'){
228
        return (
229
            
230
                
231
                    
232
                        {msg.extend.tipMsg}
233
                    
234
                
235
            
236
        );
237
    }
238
    return null;
239
240
}

35
public render(): JSX.Element {
36
  const { align, style, children, ...rest } = this.props;
37
38
  const styleJoined = Object.assign({ textAlign: align }, style);
39
40
  return (
41
    <div>
42
      <span>
43
      <span>{children}</span>
44
    </span></div>
45
  );
46
}

55
export function useInitToCenter({ containerRef, width, height, setPosition }) {
56
    const initToCenter = useCallback((isInitializedRef) => {
57
        const { current: container } = containerRef
58
        if (!container) {
59
            isInitializedRef.current = false
60
            return
61
        }
62
        const rect = container.getBoundingClientRect()
63
        setPosition([
64
            ((rect.width / 2) - (width / 2)),
65
            ((rect.height / 2) - (height / 2)),
66
        ])
67
    }, [containerRef, width, height, setPosition])
68
69
    return useInitPosition(initToCenter)
70
}

18
render() {
19
  const {children, ...props} = this.props;
20
  return React.createElement('Text', props, children);
21
}

20
componentDidMount() {
21
    this.onPlayingUpdate(this.props.playing);
22
}

48
componentDidUpdate() {
49
  this.setDOM();
50
}

18
constructor(props) {
19
  super(props);
20
  this.state = {
21
    y: new Animated.Value(-1.5),
22
    opacity: new Animated.Value(0),
23
  };
24
}

40
Text.render = function render(props, ...args) {
41
    const oldProps = props;
42
    let newProps = {...props, style: [defaultFontFamily.style, props.style]};
43
    try {
44
        return Reflect.apply(TextRender, this, [newProps, ...args]);
45
    } finally {
46
        newProps = oldProps;
47
    }
48
};

45
ansiAlign.center = function center (text) {
46
  return ansiAlign(text, { align: 'center' })
47
}

32
constructor(props) {
33
  super(props);
34
35
  this.state = {
36
    show: false,
37
  };
38
}