reactjs 将NativeWind与React原生纸张配合使用

4dbbbstv 于 2022-12-29 发布在 React

关注(0)|答案(1)|浏览(126)

我正在使用native wind和react native paper与打印脚本。我想添加“className”和“tw”属性到我的纸张视图。
我已经使用如下声明将其添加到其他视图中：

import "react-native";

declare module "react-native" {
  interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
    className?: string;
    tw?: string;
  }
}

我的视图有“className”和“tw”，但对于纸视图，这不起作用：

import "react-native-paper"

declare module "react-native-paper" {
    interface FABProps {
        className? : string;
        tw?: string;
    }
}

并且我的FAB视图仍然没有“类名”或“tw”
我该怎么补救呢？

reactjs

来源：https://stackoverflow.com/questions/73908184/using-nativewind-with-react-native-paper

1条答案

按热度按时间

6l7fqoea1#

可以使用styled设置任何构件的样式：

...
import { styled } from "nativewind";
import { FAB } from "react-native-paper";

const StyledFAB = styled(FAB);

const HomeScreen = () => {
  return (
    <SafeAreaView>
      <StyledFAB
        icon="plus"
        className="absolute right-0 bottom-0 m-4"
        onPress={() => console.log("Pressed")}
      />
    </SafeAreaView>
  );

赞(0）回复(0）举报 2022-12-29

我来回答

reactjs 将NativeWind与React原生纸张配合使用

1条答案

相关问题

热门标签

最新问答