小编Jer*_*emy的帖子

故事书导航侧边栏卡在加载中

我已经开始在我的一个应用程序中使用 React Native 的故事书,它对我帮助很大,但似乎用于在组件之间导航的侧边栏被卡住加载(向我显示骨架动画)。我还尝试在新的 React Native 应用程序上运行故事书,但问题仍然存在(仅在 Android 上测试)。

这是 stpries UI 的索引文件

// if you use expo remove this line
import {AppRegistry} from 'react-native';

import {getStorybookUI, configure, addDecorator} from '@storybook/react-native';
import {withKnobs} from '@storybook/addon-knobs';

import './rn-addons';

// enables knobs for all stories
addDecorator(withKnobs);

// import stories
configure(() => {
  require('../src/components/Stories/Button.stories');
}, module);

// Refer to https://github.com/storybookjs/storybook/tree/master/app/react-native#start-command-parameters
// To find allowed options for getStorybookUI
const StorybookUIRoot = getStorybookUI({});

// If you are using React Native vanilla and after installation you …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native storybook

5
推荐指数
1
解决办法
1878
查看次数

新的 Nestjs 应用程序上的 Webpack Typescript 错误

使用 生成新项目后nest new [project name],选择我的包管理器并执行yarn startnpm start我的项目抛出以下错误:

$ nest start
node_modules/@types/tapable/index.d.ts:7:15 - error TS2307: Cannot find module './node_modules/tapable' or its corresponding type declarations.

7 export * from './node_modules/tapable';
                ~~~~~~~~~~~~~~~~~~~~~~~~
node_modules/@types/webpack/index.d.ts:32:3 - error TS2305: Module '"tapable"' has no exported member 'Tapable'.

32   Tapable,
     ~~~~~~~
node_modules/@types/webpack/index.d.ts:1062:23 - error TS2707: Generic type 'SyncWaterfallHook<T, AdditionalOptions>' requires between 1 and 2 type arguments.

1062             resolver: SyncWaterfallHook;
                           ~~~~~~~~~~~~~~~~~
node_modules/@types/webpack/index.d.ts:1063:22 - error TS2707: Generic type 'SyncWaterfallHook<T, AdditionalOptions>' requires between 1 and …
Run Code Online (Sandbox Code Playgroud)

typescript webpack nestjs

4
推荐指数
2
解决办法
2517
查看次数

键盘感知滚动视图占用屏幕空间

我正在实现React Native Scroll View来处理应用程序布局中的键盘,它效果很好,但它在我的组件下方添加了额外的“填充”或空白。

在此输入图像描述

它已经被设计成flex: 1占据所有屏幕空间。这是jsx代码App.js

    <PaperProvider>
      <StatusBar
        barStyle="dark-content"
        hidden={false}
        backgroundColor="#00BCD4"
        translucent={true}
      />
      <KeyboardAwareScrollView
        style={{ flex: 1 }}
      >
        <View style={styles.container}>
          <UnitCard />
          <UnitCard />
          <Converter />
        </View>
      </KeyboardAwareScrollView>
    </PaperProvider>
  );
};

const styles = StyleSheet.create({
  container: {
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    flex: 1,
    backgroundColor: "#eee",
  },
  cards: {
    flex: 1,
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
  },
});

Run Code Online (Sandbox Code Playgroud)

css react-native

3
推荐指数
1
解决办法
5525
查看次数

容器化 API 套接字挂起

我刚刚完成 Go REST API 的开发,我想将我的代码移至容器中。Error: socket hang up我已经完成了这一点,但由于抛出错误:我无法通过邮递员到达我的端点。

\n

根据这个SO线程,这可能是由我的防火墙引起的,运行后ufw status我注意到我的防火墙没有启动,所以我不确定是什么导致了这个错误。

\n

我的应用程序似乎运行正常,并且我将容器映射到本地计算机中的端口 8080。

\n
\xe2\x94\x94\xe2\x94\x80(19:14:04 on master \xe2\x9c\xad)\xe2\x94\x80\xe2\x94\x80> docker ps                                                                                                                     \xe2\x94\x80\xe2\x94\x80(Tue,Feb02)\xe2\x94\x80\xe2\x94\x98\nCONTAINER ID   IMAGE        COMMAND       CREATED          STATUS          PORTS                    NAMES\nb001f19e2957   go-library   "./library"   15 minutes ago   Up 15 minutes   0.0.0.0:8080->8080/tcp   cranky_kare\n
Run Code Online (Sandbox Code Playgroud)\n

我还确保我的请求正在使用此端口。

\n
GET http://localhost:8080/books/3\nError: socket hang up\nRequest Headers\nUser-Agent: PostmanRuntime/7.26.10\nAccept: */*\nPostman-Token: 190a5849-b859-4324-a65e-37a7b69b49fb\nHost: localhost:8080\nAccept-Encoding: gzip, deflate, br\n
Run Code Online (Sandbox Code Playgroud)\n

rest containers go docker postman

3
推荐指数
1
解决办法
4957
查看次数

Flutterfire 抛出 dart not found 错误

我正在关注 flutter + firebase codelab,并且我一直在我的 android 应用程序中配置 firebase,我已经在我的计算机上全局安装了 flutterfire cli 并将 bin 导出到我的路径中。

\n
export PATH="$PATH:~/source/flutter/bin"\nexport PATH="$PATH":"$HOME/.pub-cache/bin"\n
Run Code Online (Sandbox Code Playgroud)\n

但是,当我尝试使用 flutterfire cli 时,仍然会抛出以下错误。

\n
flutterfire\n/home/dio/.pub-cache/bin/flutterfire: 8: dart: not found\n
Run Code Online (Sandbox Code Playgroud)\n

这个错误让我相信我的系统上没有安装 dart,但是......

\n
dart\nA command-line utility for Dart development.\n\nUsage: dart <command|dart-file> [arguments]\n\nGlobal options:\n-h, --help                 Print this usage information.\n-v, --verbose              Show additional command output.\n    --version              Print the Dart SDK version.\n    --enable-analytics     Enable analytics.\n    --disable-analytics    Disable analytics.\n\nAvailable commands:\n  analyze    Analyze Dart code in a directory.\n  compile    Compile Dart to various formats.\n  create     Create …
Run Code Online (Sandbox Code Playgroud)

path dart firebase flutter

3
推荐指数
1
解决办法
5007
查看次数

将多个选择查询合并为一个查询

我需要将多个选择语句分为一个查询和多个列

我已经尝试过使用UNION,但这会导致我的选择项之一丢失(可能是滥用了)

SELECT COUNT(*) AS EMERGENCIA FROM Incidentes WHERE Prioridad_Real = 'Emergencia' AND Estado = 'Resuelto a Tiempo'
AND Fecha_Asigna >= '2013-08-22 13:30:00.000' and Fecha_Resul <= '2013-08-23 11:16:00.000'

SELECT COUNT(*) AS ALTA FROM Incidentes WHERE Prioridad_Real = 'Alta' AND Estado = 'Resuelto a Tiempo' 
AND Fecha_Asigna >= '2013-08-22 13:30:00.000' and Fecha_Resul <= '2013-08-23 11:16:00.000'

SELECT COUNT(*) AS MEDIA FROM Incidentes WHERE Prioridad_Real = 'Media' AND Estado = 'Resuelto a Tiempo'
AND Fecha_Asigna >= '2013-08-22 13:30:00.000' and Fecha_Resul <= '2013-08-23 11:16:00.000' …
Run Code Online (Sandbox Code Playgroud)

sql t-sql sql-server

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

KeyboardAwareScrollView 有额外的底部填充吗?

我已经有一段时间遇到这个问题了KeyboardAwareScrollView,它的底部有一些额外的填充(黄色)。在这里,我希望我的表单始终位于屏幕底部,看来此填充不允许这样做。

export const LoginView: React.FC = () => {
  return (
    <View style={styles.container}>
      <KeyboardAwareScrollView
        style={styles.scrollContainer}
        showsHorizontalScrollIndicator={false}
        showsVerticalScrollIndicator={false}
      >
        <View
          style={{
            justifyContent: "space-between",
            backgroundColor: "green",
          }}
        >
          <View style={styles.imageContainer}>
            <Image></Image>
          </View>
          <View style={styles.formConstainer}>
            <Formik></Formik>
          </View>
        </View>
      </KeyboardAwareScrollView>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  scrollContainer: {
    backgroundColor: "yellow",
  },
  imageContainer: {
    alignItems: "center",
    justifyContent: "center",
  },
  formConstainer: {},
});
Run Code Online (Sandbox Code Playgroud)

这是现在的样子。

预览

scrollview flexbox react-native

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