小编Bla*_*lak的帖子

我正在使用来自 expo 包的相机，但我遇到了相机预览失真的问题。预览使图像在横向视图中显得更宽，在纵向视图中显得更薄。我发现的大多数解决方案都没有使用 expo-camera。

相关代码：

相机.page.js：

import React from 'react';
import { View, Text } from 'react-native';
import { Camera } from 'expo-camera';
import * as Permissions from 'expo-permissions'
import { Platform } from 'react-native';

import styles from './styles';
import Toolbar from './toolbar.component';

const DESIRED_RATIO = "18:9";

export default class CameraPage extends React.Component {
    camera = null;

    state = {
        hasCameraPermission: null,
    };

    async componentDidMount() {
        const camera = await Permissions.askAsync(Permissions.CAMERA);
        const audio = await Permissions.askAsync(Permissions.AUDIO_RECORDING);
        const hasCameraPermission = (camera.status …

我无法弄清楚为什么覆盖在我的项目中不起作用。我正在尝试使我的网站在移动设备上可读，目前它正在显示桌面大小的按钮。我正在使用顺风并做出反应。我的按钮组件是：

return <button className="sm:text-xs sm:h-1 redbtn" onClick={onClick}>{children}</button>

但是 text-xs 仅在我删除 sm: 前缀时才有效。我试过包括

screens: {
            sm: '640px',
            md: '768px',
            lg: '1024px',
            xl: '1280px'
        }

在我的配置文件中，但这并没有改变任何东西。