小编Vel*_*dan的帖子

我如何使用 Kivy (Python) 相机

我尝试使用 uix.camera 小部件并从我的网络摄像头显示一些wideo。我查看了文档并尝试使用这个简单的代码。但它只是向我展示一个没有任何视频的白色屏幕(我启用了播放)。我做错了什么?也许存在一些有用的文档\教程(因为从官方文档中我了解了很多)。谢谢你的帮助。

import kivy
kivy.require('1.9.1')

from kivy.app import App
from kivy.uix.label import Label
from kivy.uix.camera import Camera

class MainApp(App):
    def build(self):
        return Camera(play=True)

if __name__== "__main__":
    MainApp().run()
Run Code Online (Sandbox Code Playgroud)

python camera kivy

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

Angular 2 - 在控制初始化后添加验证器

我想知道如何为已经创建的formControl添加验证器(使用它自己的Validators创建).但是,让我们想象一下,经过一段时间后我想添加另一个(或者我有一个自定义控件,其中包含一些验证器),我想创建外部Reactive表单并将内部验证器添加到外部.

可能吗?我没有找到任何信息(仅关于重新设置所有验证器)感谢您的帮助!

  this.testForm = this.fb.group({
      testField: [{value: '', disabled: false}, [<any>Validators.required]]
    })

<form [formGroup]="testForm" novalidate>
  <custom_input>
    formControlName="testField"
    [outerFormControl]="testForm.controls.testField"
    </custom_input>


</form>
Run Code Online (Sandbox Code Playgroud)

之后我想在我的自定义控件中添加其他验证器.我怎么能这样做?

custom_coontrol.ts

this.outerFormControl.push(Validators.maxLength(10));
Run Code Online (Sandbox Code Playgroud)

forms validation angular

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

如何在 Graphene Django Relay 查询中获取模型 ID?

当我们执行中继查询时,如何接收存储在数据库中的本地模型 ID(例如 django 模型 ID)?中继定义它自己的 ID 的主要问题所以我不确定我们如何正确处理它。

例如。

query {
  allFuelTypes (codeMatch: "g") {
    edges {
      node {
        id,
        code,
        label
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

将打印

{
  "data": {
    "allFuelTypes": {
      "edges": [
        {
          "node": {
            "id": "RnVlbFR5cGVOb2RlOjM=",
            "code": "g",
            "label": "Gas"
          }
        }
      ]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

其中id是石墨烯中继 ID,但我想查看模型 ID。

我看到的唯一一种可能的方法是在石墨烯模式中为模型 ID 字段创建一些别名,并从 Django 模型中手动获取此 ID。但也许存在一些更动态的方式来实现相同的结果?

谢谢你的帮助!

PS查询的实现并不重要。这只是一个虚拟演示

django relay graphql graphene-django

6
推荐指数
2
解决办法
1949
查看次数

如何通过webpack 2从bootstrap 4中仅导入一个组件

我正在使用Webpack 2和Bootstrap 4.我想只使用整个包中的一个Modal组件.

可能吗?我试图从js/dist/modal导入它,但我有一个例外:无法在bootstrap中解析导出

目前我提供了类似供应商依赖的引导程序,但我的供应商文件非常大(350 kb).我想只捆绑我正在使用的组件.

HEre是我的webpack.common.js

let process = require("process"),
    path = require("path"),
    webpack = require("webpack"),
    helpers = require("./helpers"),
    glob = require("glob"),

    poststylus = require('poststylus'),

    HtmlWebpackPlugin = require("html-webpack-plugin"),
    ExtractTextPlugin = require("extract-text-webpack-plugin"),
    CopyWebpackPlugin = require("copy-webpack-plugin"),

    SpritesmithPlugin = require('webpack-spritesmith'),

    srcName = "src";

const getEntry = () => {
    let res = [
        helpers.root(srcName, "index.js")
    ];

    if (process.env.NODE_ENV === "development") {
        res = [
            'react-hot-loader/patch',
            'webpack-dev-server/client?http://localhost:5000',
            'webpack/hot/only-dev-server'
        ].concat(res);
    }

    return res;
};

const getStylLoader = () => {
    let res = …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap webpack

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

Immutable.js 更新 Map 中的多个键值

我正在尝试使用 Immutable.js。所以我使用了 Map 对象,并且我有一个 2 个字段作为例子。

const initialState = Map({
    isUserAuthorized : false,
    pending : false
});
Run Code Online (Sandbox Code Playgroud)

我想更新两者。我怎么能做到这一点?我尝试使用这样的标准 Update 方法:

state.update( "isUserAuthorized", () => true, "pending", () => false);
Run Code Online (Sandbox Code Playgroud)

但它以某种方式不起作用。所以我只有一个想法 - 只更新特定的键,然后对其他键执行相同操作并返回结果。

但我认为这是一个不那么完美的想法。也许存在其他正常变体?谢谢你的帮助!

PS 我发现它可以通过setwithMutations来完成,例如:

initialState.withMutations(map => {
            map.set("isUserAuthorized", true).set("pending", false);
        })
Run Code Online (Sandbox Code Playgroud)

但是在 Map 中更新多个值真的有那么难吗?

immutable.js react-redux

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

反应本机打字稿。非工作类型检查

我正在使用 Typescript 开发 RN。通过使用官方指令, 我成功添加了 .tsx 和 .ts 文件,但我面临的主要问题是 RN 根本无法检测到文件中的错误类型。对于前。

在 App.tsx 的开头我添加了错误的 TS 语句。

let a: number = 5;
a = "test"
Run Code Online (Sandbox Code Playgroud)

当我将它添加到标准 React 应用程序(针对 Web)时,TS 编译器向我展示

类型“test”不可分配给类型“number”。TS2322

但是当我在 RN 中执行相同操作时,它只是编译并且没有显示任何警告/错误等。该应用程序只是在模拟器上启动,就像一切都很好一样。

这是我第一次尝试将 RN 与 Typescript 结合使用。之前我只使用 WEB 应用程序 + 打字稿,所以为什么我想知道这种行为是否正确?在 React Native 的情况下如何启用类型检查?

PS我什至尝试过这个。同样的行为。

谢谢你的帮助。

typechecking typescript react-native

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

React Native Web情况下自定义react-native-paper的TextInput Label

我正在使用带有样式组件的 React Native Web 和 React Native Paper 库。基本上我想自定义 TextInput 内部组件:标签和html 输入

问题是:

1)如何更改标签样式?例如。宽度\尺寸\颜色等?
2)如何更改html输入样式?

我想设置outline: none为防止在浏览器中焦点上显示蓝色边框。据我所知,在本机的情况下,我们没有,html并且本机网络会对其进行转译。

我不明白如何捕获嵌套标签组件来更改其样式。因为我想在未填充时显示灰色标签,在填充时显示紫色,并且输入文本应为黑色。对于网络来说,这是微不足道的,但对于本机来说,我不知道如何处理它。

那么这有可能吗?

谢谢你的帮助。这是代码示例

import React from 'react';

import {
  View,
  Platform,
} from 'react-native';

import {
  TextInput as NativePaperInput,
  withTheme,
} from 'react-native-paper';

import styled from 'styled-components/native';

const NativePaperInputThemed = withTheme(NativePaperInput);

export const TextInputStyled = styled(NativePaperInputThemed)`
    ${(props: any) => {
      return `
        outline: none;  // doesn't work
        input: { …
Run Code Online (Sandbox Code Playgroud)

react-native styled-components react-native-web react-native-paper

5
推荐指数
2
解决办法
2万
查看次数

requestAnimationFrame 未定义 Next.js 和 React Native Web(动画模块)

我正在研究 Next.js 和 React-Native-Web。我设法按照官方 Next.js 示例将它们一起运行,但是当我尝试使用反应本机中的动画包时,它失败并出现错误,即 requestAnimationFrame未定义。基本上这个功能是使用node_modules包,但是我在webpack中设置了别名来将所有react-native需求转换为react-native-web,所以即使是node_modules包也应该使用react-native-web。

关于如何解决它有什么建议吗?

ReferenceError: requestAnimationFrame is not defined
    at start (...node_modules\react-native-web\
dist\cjs\vendor\react-native\Animated\animations\TimingAnimation.js:104:11)
enter code here
Run Code Online (Sandbox Code Playgroud)

错误的屏幕截图

谢谢你的帮助!

requestanimationframe reactjs react-native next.js react-native-web

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

如何将 React 导航抽屉与 Next.js 一起使用?

我想将 React Navigation v5(抽屉式导航)与 Next.js 一起使用,但我对它们的集成有疑问。

简而言之:基于 React Navigation Screens 组件的 React Navigation(抽屉式导航)。它有条件地呈现正确的屏幕。

问题是: Next.js 有自己的基于文件夹结构的路由系统。例如。/pages 文件夹中的每个文件都会自动生成适当的路线,因此我无法将这些文件添加为 React 导航屏幕(至少我不确定这是否可能)

如何让这些工具协同工作并保存Next.js SSR功能?

React 导航抽屉示例:

import * as React from 'react';
import { Button, View } from 'react-native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';

function HomeScreen({ navigation }) {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        onPress={() => navigation.navigate('Notifications')}
        title="Go to notifications"
      />
    </View>
  );
}

function NotificationsScreen({ navigation }) { …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native next.js react-navigation react-navigation-drawer

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

从ZoneAvarePromise Angular2可以观察到

我试图提出请求链,通过数据填充结果arr并对其进行解析。在有承诺的情况下这是正常的,但是Angular 2将RxJ与他们的订户一起使用。

所以我努力做到这一点

 private getPatientPrefPharmacies(patientId: string): Observable {
    return this._http.get(this._config.getPatientFeauturesJsonUrl(patientId, this.preferredPharmaciesPropName))
        .map(res => {
           return Observable.of(this.getAggregatedPatientPrefPharmData(res.json()) );
        })
        .catch(this.handleError)
}


 private getAggregatedPatientPrefPharmData (patientPrefPharmList: Object[]) {
    let chain: Promise = Promise.resolve(),
        results = [];

    patientPrefPharmList.forEach((patPharm) => {
        chain = chain
            .then(() => {
                return new Promise((res, rej) => {
                    this.getPharmacyDetail(patPharm.pharmacyId)
                        .subscribe(
                            pharmData => {
                                if (pharmData.result.pharmacy[0]) {
                                    patPharm.pharmData = pharmData.result.pharmacy[0];
                                    res(patPharm)
                                }
                            },
                                err => rej(err)
                            )
                });
            })
            .then(result => {
                results.push(result);
            })
    });

    return chain.then(() => {
        return results …
Run Code Online (Sandbox Code Playgroud)

angular

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