小编jef*_*wis的帖子

React Native TypeScript 错误：模块“react-native”没有导出成员“外观”

我最近在我的应用程序中实现了黑暗模式，但在使用以下命令构建 npm 包时遇到错误npm build. 该代码有效，但是有没有办法或理由来消除此错误？

错误

src/ContactActionSheet.tsx:3:10 - error TS2305: Module '"react-native"' has no exported member 'Appearance'.

3 import { Appearance, Dimensions, StyleSheet, Text, View, Linking, TouchableOpacity } from 'react-native';

Run Code Online (Sandbox Code Playgroud)

JSX

// Imports: Dependencies
import { Appearance, Dimensions, StyleSheet, Text, View, Linking, TouchableOpacity } from 'react-native';

// Dark Mode
const colorScheme = Appearance.getColorScheme();

Run Code Online (Sandbox Code Playgroud)

typescript reactjs react-native

jef*_*wis

lucky-day

12
推荐指数

1
解决办法

2万
查看次数

AWS Amplify：confirmSignUp 后，自动登录用户的最佳实践是什么？

概述：

用户收到验证码后，输入验证码，则Account Status变为CONFIRMED。现在注册过程已完成，我想在之后自动登录用户。将用户重定向到登录页面以让用户输入信息并登录似乎效率低下且多余。

可能的选项：

使用注册过程中的email和，然后分派操作来登录用户。passwordsignIn
confirmSignUp为和找到一种组合方法signIn，这将类似于confirmSignUpAndSignIn（如果存在方法）。我查看了AWS 文档和 Amplify-js Github Repo 的问题，但只发现其他人也遇到了类似的困境，但没有明显的解决方案。
使用AWS Amplify Hub（身份验证侦听器），但用户确认注册时不会发出任何事件。confirmSignUp发出事件是有意义的，但事实并非如此。（见下文）

AWS Hub监听器：

我正在使用AWS Amplify Hub（身份验证侦听器），发出的唯一事件是文档中的以下事件：

case 'signIn':
    logger.error('user signed in'); //[ERROR] My-Logger - user signed in
    break;
case 'signUp':
    logger.error('user signed up');
    break;
case 'signOut':
    logger.error('user signed out');
    break;
case 'signIn_failure':
    logger.error('user sign in failed');
    break;
case 'configured':
    logger.error('the Auth module is configured');

Run Code Online (Sandbox Code Playgroud)

authentication amazon-web-services amplifyjs amazon-cognito aws-amplify

jef*_*wis

lucky-day

8
推荐指数

1
解决办法

3263
查看次数

React Navigation V5 + Redux Saga：如何从 Saga 导航？

问题：

React Navigation V5 + Redux Saga：如何从 Saga 导航？我试过使用CommonActions.navigate()，但这不起作用。我在这里错过了什么吗？

我想在传奇中进行所有导航，以防传奇中出现问题，用户未导航到屏幕。

React Navigation V5 文档：CommonActions

Saga.js（不工作）：

// React Navigation: Sign Up
yield CommonActions.navigate('Sign Up');

Run Code Online (Sandbox Code Playgroud)

Saga.js（也不起作用）：

// React Navigation: Sign Up
yield CommonActions.navigate({ name: 'Sign Up' });

Run Code Online (Sandbox Code Playgroud)

AuthNavigator.js

// Auth Navigator
export const AuthNavigator = () => {
  return (
    <AuthStack.Navigator initialRouteName="Login">
      <AuthStack.Screen
        name="Login"
        component={Login}
        options={{
          headerShown: false,
        }}
      />

      <AuthStack.Screen
        name="Sign Up"
        component={SignUp}
        options={{
          headerShown: false,
        }}
      />

      <AuthStack.Screen
        name="Sign Up Confirm"
        component={SignUpConfirm}
        options={{
          headerShown: false,
        }}
      />

      <AuthStack.Screen …

Run Code Online (Sandbox Code Playgroud)

react-native redux redux-saga react-navigation react-navigation-v5

jef*_*wis

2020 09-05

5
推荐指数

1
解决办法

3062
查看次数

盖茨比在页面刷新时丢失/消失 CSS？

我在http://orangecountycovid19.com上托管了一个 Gatsby 静态站点，一切都在生产中运行良好，并且能够刷新。即使在生产中，我也可以毫无问题地刷新，但是当我单击指向新页面的链接 ( https://orangecountycovid19.com/TestingLocations/ ) 时，它会完美加载。这个问题是当我刷新新链接时。所有的 css 都消失了。

这里发生了什么？

索引.js

// Imports: Dependencies
import React from 'react';
import { Helmet } from 'react-helmet';

// Imports: Pages
import Home from '../pages/Home';

// Imports: CSS
import 'bootstrap/dist/css/bootstrap.min.css';
import '../css/MainTitle.css';
import '../css/MetricsTotals.css';
import '../css/VirusFacts.css';
import '../css/PieCharts.css';
import '../css/Legend.css';
import '../css/CasesVsDeaths.css';
import '../css/PeopleTestedVsTestCapacity.css';
import '../css/DataSource.css';
import '../css/Footer.css';
import '../css/404.css';
import '../css/TestingLocations.css';
import '../css/TestingLocationCard.css';
import '../css/AppointmentButton.css';

// Index
export default () => {
  return (
    <div>
      <Helmet>
        <meta charSet="utf-8" />
        <title>COVID-19</title>
        <html …

Run Code Online (Sandbox Code Playgroud)

javascript css reactjs gatsby

jef*_*wis

2020 05-13

4
推荐指数

1
解决办法

1775
查看次数

在 Firebase 云存储中加载预览时出错

我已将图像上传到 Cloud Storage ，但在显示图像时遇到问题。在存储概述中，我收到加载预览时出错。

\n\n

当我将图像链接添加到 Cloud Firestore 中的对象时，我还没有完成这一步，但我不确定这是否只是由于文件类型（HEIC，但图像/jpeg）所致，或者是否有其他原因我的代码有问题：

\n\n

存储概述：

\n\n

图片（点击时）：

\n\n

显示问号。

\n\n

图像响应（react-native-image-picker）：

\n\n

 {height: 3024, origURL: "assets-library://asset/asset.HEIC?id=CC95F08C-88C3-4012-9D6D-64A413D254B3&ext=HEIC", fileName: null, data: "/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAA\xe2\x80\xa6c4z+P04wa+twuG5Yq628/OR1QqSdtLLqrrTe32L79l63P/9k=", width: 4032, \xe2\x80\xa6}\nheight: 3024\norigURL: "assets-library://asset/asset.HEIC?id=CC95F08C-88C3-4012-9D6D-64A413D254B3&ext=HEIC"\nfileName: null\ndata: "/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAA"\nwidth: 4032\ntype: "image/jpeg"\nfileSize: 13712705\nisVertical: false\nuri: "file:///Users/jefflewis/Library/Developer/CoreSimulator/Devices/6B2E3DBA-217F-46B5-AAF2-C1AA540B408E/data/Containers/Data/Application/4CD01B23-6649-4222-BF0E-CB5959732A3E/Documents/images/BECF69B3-9AFF-4CBB-9648-331EF623271C.jpg"\n__proto__: Object\n

Run Code Online (Sandbox Code Playgroud)\n\n

代码：

\n\n

// Image URI\nconst imageURI = action.newRecipe.image.uri;\n\n// Image Type\nconst imageType = action.newRecipe.image.type;\n\n// Image Blob\nconst blob = new Blob([imageURI], {type : `${imageType}`});\nconsole.log(\'Adding Blob\');\nconsole.log(blob.data);\n\n// Firebase Cloud Storage File Path Ref (UUID Generates Randomized File Name)\nconst filePathRef = imagesRef.child(uuidv4());\n\n// Metadata\nconst …

Run Code Online (Sandbox Code Playgroud)

google-cloud-storage firebase firebase-storage google-cloud-firestore

jef*_*wis

lucky-day

3
推荐指数

2
解决办法

7972
查看次数

AWS Amplify + Cognito：创建没有用户名的帐户/使用电子邮件而不是用户名？

我是 AWS 新手，对通过 Amplify 门户添加用户有疑问。我有电子邮件或电话号码的设置，但当我尝试创建用户时，它需要用户名。

我宁愿让用户输入电子邮件来代替用户名，但不确定 AWS Amplify 的动态。

AWS Cognito 设置：

AWS Cognito 创建用户（在线门户）：

amazon-web-services amazon-cognito aws-amplify

jef*_*wis

lucky-day

3
推荐指数

1
解决办法

1716
查看次数

React Navigation + TypeScript 错误：类型“EventStackParams”不满足约束“Record<string, object |” 未定义>'

我正在将 TypeScript 添加到我的 React Native/React Navigation 5 Navigator 中，但在添加EventStackParams到createStackNavigator().

我浏览了React Native 5 Docs、StackOverflow 和 GitHub，但没有成功。我究竟做错了什么？下面是我的错误和代码

错误：

Type 'EventStackParams' does not satisfy the constraint 'Record<string, object | undefined>'.

Index signature is missing in type 'EventStackParams'.ts(2344)

Run Code Online (Sandbox Code Playgroud)

导航.tsx：

// Imports: TypeScript Types
import { EventStackParams } from '../types/types';

// React Navigation: Stack Navigators
const RootStack = createStackNavigator();
const EventsStack = createStackNavigator<EventStackParams>();

// Events Navigator
const EventsNavigator = () => (
  <EventsStack.Navigator initialRouteName="Events">
    <EventsStack.Screen
      name="Events"
      component={Events}
      options={{
        title: …

Run Code Online (Sandbox Code Playgroud)

typescript react-native typescript-typings react-navigation react-navigation-v5

jef*_*wis

2020 11-19

3
推荐指数

1
解决办法

3192
查看次数