You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
1.1 KiB

/**
* 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 strict-local
* @format
*/
import React from 'react';
import type {Node} from 'react';
import {StyleSheet, Text, useColorScheme, View} from 'react-native';
import Colors from './Colors';
const HermesBadge = (): Node => {
const isDarkMode = useColorScheme() === 'dark';
const version =
global.HermesInternal?.getRuntimeProperties?.()['OSS Release Version'] ??
'';
return global.HermesInternal ? (
<View style={styles.badge}>
<Text
style={[
styles.badgeText,
{
color: isDarkMode ? Colors.light : Colors.dark,
},
]}>
{`Engine: Hermes ${version}`}
</Text>
</View>
) : null;
};
const styles = StyleSheet.create({
badge: {
position: 'absolute',
top: 8,
right: 12,
},
badgeText: {
fontSize: 14,
fontWeight: '600',
textAlign: 'right',
},
});
export default HermesBadge;