-
Notifications
You must be signed in to change notification settings - Fork 202
Open
Description
<View className="bg-red-400 border">
<Text className="text-center !text-white">123</Text>
</View>
babel
module.exports = function (api) {
const babelEnv = api.env()
api.cache(true)
const plugins = [
[
'@babel/plugin-transform-react-jsx',
{
runtime: 'automatic',
importSource: 'nativewind',
},
],
[
'formatjs',
{
idInterpolationPattern: '[sha512:contenthash:base64:6]',
ast: true,
},
],
[
'module-resolver',
...
],
'react-native-worklets/plugin',
]
if (babelEnv === 'production') {
plugins.push([ 'transform-remove-console', { exclude: [ 'error', 'warn' ]}])
}
return {
presets: ["babel-preset-expo"],
plugins,
}
}
metro file
const { getDefaultConfig } = require('expo/metro-config');
const { withNativeWind } = require('nativewind/metro');
const config = getDefaultConfig(__dirname);
// SVG transformer setup
config.transformer.babelTransformerPath = require.resolve('react-native-svg-transformer');
config.resolver.assetExts = config.resolver.assetExts.filter((ext) => ext !== 'svg');
config.resolver.sourceExts = [...config.resolver.sourceExts, 'svg'];
// Add NativeWind support
module.exports = withNativeWind(config, { input: './global.css' });
package.json
"@gluestack-ui/core": "3.0.10",
"@gluestack-ui/utils": "3.0.11",
"@gluestack/ui-next-adapter": "3.0.3",
"@gorhom/bottom-sheet": "5.2.6",
"expo": "^54.0.25",
"nativewind": "4.2.1",
"react-native-reanimated": "~4.1.1",
"react-native-worklets": "0.5.1",
"react-native": "0.81.5",
Class not work
Metadata
Metadata
Assignees
Labels
No labels