mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Jan Kassens
afea1d0c53
Added an explicit type to all $FlowFixMe suppressions to reduce over-suppressions of new errors that might be caused on the same lines. Also removes suppressions that aren't used (e.g. in a `@noflow` file as they're purely misleading) Test Plan: yarn flow-ci
43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import * as React from 'react';
|
|
import {Fragment, useState} from 'react';
|
|
import {Button, Text, View} from 'react-native-web';
|
|
|
|
export default function ReactNativeWeb(): React.Node {
|
|
const [backgroundColor, setBackgroundColor] = useState('purple');
|
|
const toggleColor = () =>
|
|
setBackgroundColor(backgroundColor === 'purple' ? 'green' : 'purple');
|
|
return (
|
|
<Fragment>
|
|
<h1>ReactNativeWeb</h1>
|
|
<View>
|
|
<Text>auto (default) - english LTR</Text>
|
|
<Text>
|
|
{
|
|
'\u0623\u062D\u0628 \u0627\u0644\u0644\u063A\u0629 \u0627\u0644\u0639\u0631\u0628\u064A\u0629 auto (default) - arabic RTL'
|
|
}
|
|
</Text>
|
|
<Text style={{textAlign: 'left'}}>
|
|
left left left left left left left left left left left left left left
|
|
left
|
|
</Text>
|
|
<Button
|
|
color={backgroundColor}
|
|
onPress={toggleColor}
|
|
title={`Switch background color to "${
|
|
backgroundColor === 'purple' ? 'green' : 'purple'
|
|
}"`}
|
|
/>
|
|
</View>
|
|
</Fragment>
|
|
);
|
|
}
|