小编avi*_*rty的帖子

如果样式是在组件级别完成的,为什么 nativewind 样式不起作用?

如果样式是在 App.Js 中完成的,则使用Nativewind 的React-native 样式效果很好。像这儿:

<NavigationContainer>
      <View>
      <Text className = "text-red-500">Hello</Text>
    </View>
    </NavigationContainer>
Run Code Online (Sandbox Code Playgroud)

但如果样式是在组件级别完成的,那么它就不再起作用了。

return (
    <NavigationContainer>
      <HomeScreen/>
    </NavigationContainer>
  );
Run Code Online (Sandbox Code Playgroud)

主屏幕组件:

import { View, Text } from 'react-native'
import React from 'react'

const HomeScreen = () => {
  return (
    <View>
      <Text className = "text-red-500">Hello</Text>
    </View>
  )
}

export default HomeScreen
Run Code Online (Sandbox Code Playgroud)

reactjs react-native tailwind-css

2
推荐指数
1
解决办法
3918
查看次数

标签 统计

react-native ×1

reactjs ×1

tailwind-css ×1