我正在使用角度6进行大型项目.该项目需要大量的i18n集成.我正在努力做出正确的决定如何继续.

我看到它的方式是我可以选择:

1. ngx-translate(https://github.com/ngx-translate/core)
2. Angular i18n(https://angular.io/guide/i18n)

我倾向于选择选项2; Angular的i18n.这是因为它是Angular自己的内置包,而且对我来说更好.显然它对SEO也更好,并且在没有任何解决方法的情况下性能稍微好一些.此外,现在它发布我认为ngx-translate可能已被弃用.很多信息在这里:Angular 5国际化.

不过这是我的保留:

• 显然Angular的版本很新/仍在追赶(https://github.com/ngx-translate/core/issues/495).是不是太新了？
• 显然我必须为每种语言建立一个单独的网站(https://angular.io/guide/i18n#template-translations)??? 我真的不认为那会是一件好事.是对的吗？或者是每次动态插入模板文件的情况？我知道用ngx-translate翻译的单词只存储在.json文件中 - 我喜欢它的整洁.我认为我们不想要一堆不同的网站构建.

有没有办法用角度i18n进行实时语言切换？即在不重新加载/从服务器获取数据的情况下切换页面上的语言？这就是他们所说的JIT吗？

有没有人试过https://github.com/robisim74/angular-l10n？看起来也很好.

非常感谢.最好的祝福.

如何隐藏屏幕，使其不显示为 @react-navigation/drawer 版本 6 抽屉中的项目。

在 React Navigation 5 中，它是通过创建像这样的自定义抽屉内容来实现的

const CustomDrawerContent = (props: DrawerContentComponentProps) => {
  const { state, ...rest } = props;
  const includeNames = ["ScreenOne", "ScreenTwo"];
  const newState = { ...state }; //copy from state before applying any filter. do not change original state
  newState.routes = newState.routes.filter(
    (item) => includeNames.indexOf(item.name) !== -1
  );
  return (
    <DrawerContentScrollView {...props}>
      <DrawerItemList state={newState} {...rest} />
    </DrawerContentScrollView>
  );
};

正如另一个答案中所述。TypeError: Cannot read property 'key' of undefined我刚刚升级到react-navigation 6，使用这种技术，当我尝试导航这些隐藏屏幕之一时，我收到错误。谁能帮我吗？

更新 - …

我正在像这样设置导航容器的主题

import {
  NavigationContainer,
  DefaultTheme,
  DarkTheme,
} from "@react-navigation/native";

export default function Navigation() {
  const colorScheme = useColorScheme();
  return (
    <NavigationContainer
      linking={LinkingConfiguration}
      theme={colorScheme === "dark" ? DarkTheme : DefaultTheme}
    >
      <RootNavigator />
    </NavigationContainer>
  );
}

我有一个堆栈导航器，在堆栈导航器内我有一个抽屉式导航器，如下所示：

// Root Navigator
export default function RootNavigator() {
  return (
    <Stack.Navigator id="root-navigation-navigator" initialRouteName={initialRouteName}>
      <Stack.Screen
        name="Root"
        component={DrawerNavigator}
        options={{
          headerShown: false,
        }}
      />
      {/* Other Screens */}
    </Stack.Navigator>
  );
}

// Drawer Navigator
export default function DrawerNavigator(props) {
  return (
    <Drawer.Navigator
      initialRouteName="UserSettings"
      drawerContent={(props) => <CustomDrawerContent {...props} …

这个问题与

• React Native：约束 Animated.Value
• ReactNative PanResponder 限制 X 位置

我正在尝试使用 PanResponder 构建一个水平滑块。我可以使用以下代码在 x 轴上移动元素，但我想限制可以移动它的范围。

这是一个带注释的示例：

export class MySlider extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            pan: new Animated.ValueXY()
        };
        this._panResponder = PanResponder.create({
            onStartShouldSetPanResponder : () => true,
            onPanResponderGrant: (e, gestureState) => {
                this.state.pan.setOffset(this.state.pan.__getValue());
                this.setState({isAddNewSession:true});
            },
                ///////////////////////////
                // CODE OF INTEREST BELOW HERE
                ///////////////////////////
            onPanResponderMove: (evt, gestureState) => {
                // I need this space to do some other functions
                // This is where I imagine I should implement constraint …

我想分析我网页上未使用的 CSS 数量。这个网页是用 Angular 7 编写的，css 被添加到 angular.json 构建配置中。

这似乎是将 css 附加到 html 文件的头部；在开发人员工具中，我可以看到几个样式标签。

我在很多地方都读到过，我应该使用 Google Chrome 中开发人员工具的覆盖选项卡来做到这一点。对我来说，这适用于 JS，但不适用于 CSS。

以下是我所看到的截图：

都是JS。如果我过滤包含 css 的文件，它不会返回任何结果

但是我可以看到这里已经下载了 css 文件。

如何分析文档头部的代码覆盖样式？

我的文档的头部是这样的：

ps 我使用的是 Chrome 版本 75.0.3770.80（官方版本）（64 位）

在尝试复制我遇到的另一个问题时，我尝试使用StackBlitz进行复制。

但是，Angular Material在StackBlitz上似乎不起作用。...关于我可能做错了什么的任何建议或想法？

https://stackblitz.com/edit/angular-e4qp5q

更新资料

该链接现在处于工作状态。问题是我不包括样式导入。

我正在使用 expo sdk41、react navigation 5 和 vercel 来部署使用expo build:web.

当我在本地开发时，我可以深度链接，例如http://localhost:19006/sign-in. 但是，当我将其部署到 vercel 并为其分配域名时，深层链接不再起作用。

我已经在执行以下操作，这允许深度链接在开发中工作：

export const linking = {
    prefixes: [Linking.createUrl('/'),
    screens: {
        ...
    }
}

为什么深度链接在开发中有效，而在部署到 vercel 时却无效？

如果需要，我很乐意添加更多信息。

我正在阅读该问题的最佳答案。

如何将Threejs连接到React？

有人提供了在react中使用threejs的一个很好的例子：

import React, { Component } from 'react'
import * as THREE from 'three'

class Scene extends Component {
constructor(props) {
super(props)

this.start = this.start.bind(this)
this.stop = this.stop.bind(this)
this.animate = this.animate.bind(this)
}

componentDidMount() {
const width = this.mount.clientWidth
const height = this.mount.clientHeight

const scene = new THREE.Scene()
const camera = new THREE.PerspectiveCamera(
  75,
  width / height,
  0.1,
  1000
)
const renderer = new THREE.WebGLRenderer({ antialias: true })
const geometry = new THREE.BoxGeometry(1, 1, 1)
const material = new …

I am trying to use this syntax in StackBlitz:

const someObject = {};
for (let [key, value] of Object.entries(someObject)) {
   // .... do whatever
}

The editor is underlining the entries in red and stating that "Property entries does not exist on type 'ObjectConstructor'".

However the code is still working. It seems to just be a linting issue where the editor thinks this won't work... but it does.

here is the stackblitz if someone could help https://stackblitz.com/edit/angular-validation-errors

How can I …

我正在阅读本书，并且遇到了以下代码：

static void
task1(void *args) {
    int i;

    (void)args;

    for (;;) {
        gpio_toggle(GPIOC,GPIO13);
        for (i = 0; i < 1000000; i++)
            __asm__("nop");
    }
}

我了解（相对）第5行以外的所有内容。正在(void)args;做什么？

args 在函数主体中未使用，并且我知道如果不使用参数，则可以编写

static void
task2(void *args __attribute((unused))) {
     // code here
}

这里没有做。那这样(void)写的是什么呢？