我尝试使用 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) 我想知道如何为已经创建的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) 当我们执行中继查询时,如何接收存储在数据库中的本地模型 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查询的实现并不重要。这只是一个虚拟演示
我正在使用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) 我正在尝试使用 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 我发现它可以通过set和withMutations来完成,例如:
initialState.withMutations(map => {
map.set("isUserAuthorized", true).set("pending", false);
})
Run Code Online (Sandbox Code Playgroud)
但是在 Map 中更新多个值真的有那么难吗?
我正在使用 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我什至尝试过这个。同样的行为。
谢谢你的帮助。
我正在使用带有样式组件的 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
我正在研究 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
我想将 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
我试图提出请求链,通过数据填充结果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) react-native ×4
angular ×2
next.js ×2
reactjs ×2
camera ×1
django ×1
forms ×1
graphql ×1
immutable.js ×1
kivy ×1
python ×1
react-redux ×1
relay ×1
typechecking ×1
typescript ×1
validation ×1
webpack ×1