小编Sen*_*ika的帖子

如何在 @nrwl/nx monorepo 中导入绝对路径?

我正在开发一个@nrwl/nxmonorepo。我想src通过绝对路径导入项目内的文件夹。我尝试指定baseUrl但没有用。唯一有效的解决方案是添加 monorepo 根文件的路径,tsConfig.json如下所示。

"paths": {
   "*": ["apps/my-app/src/*"]
}
Run Code Online (Sandbox Code Playgroud)

但是,问题是,如果我有另一个项目,我也必须将该项目添加到此路径中。我尝试了如下。

"paths": {
   "*": ["apps/*/src/*"]
}
Run Code Online (Sandbox Code Playgroud)

但是,这不再起作用了。它与项目文件夹名称不匹配。

我该如何解决这个问题?或者,有没有更好的方法通过绝对路径导入?

typescript reactjs tsconfig monorepo nrwl-nx

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

如何通过 Hooks 在 React Native 中使用 refs?

我正在使用 Hooks 开发一个 React Native 应用程序。(无课程)。当我们使用类时,我们可以像这样创建对子组件的引用。

<Child ref={component => this.childComponent = component} />
Run Code Online (Sandbox Code Playgroud)

但是,当我们使用 Hooks 时,该怎么做呢?

我想要这样的东西。

export default function Child() {
  const foo = () => {
    //do something
  }

  return(
    //something
  )
}


export default function Parent() {
  const myFunc = () => {
    ref.foo();
  }

  return(
    <Child ref={.........} />  //This is what I want to know how to do?
  )
}
Run Code Online (Sandbox Code Playgroud)

我希望你明白我想说的。

javascript ref react-native react-hooks

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

如何监听 React Native 中导航状态参数的变化?

我正在使用 React Native 开发移动应用程序。在那里,我在导航到第二页时传递了一些内容。

所以,假设我的第一个屏幕有这样的东西。

export default function firstScreen(props) {
  return(
    //data is a custom object variable that may be changed.
    <Button onPress={() => props.navigation.navigate('SecondScreen', { data: data } )} /> 
  )
}
Run Code Online (Sandbox Code Playgroud)

在我的第二个屏幕上,假设有这样的东西......

export default function secondScreen(props) {
  const { data } = props.navigation.state.params;

  useEffect(() => {
    console.log(data);
  }, [data])


  return(
    //content
  )
}
Run Code Online (Sandbox Code Playgroud)

我的问题是,当data从第一个屏幕更改时,第二个屏幕不会监听该更改并data在控制台上打印变量的内容。

所以,我想知道,如何在React Native中监听导航状态的变化。

javascript navigation state react-native use-effect

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

在 React Native 中使用 Firebase 云函数来推送通知

在https://www.youtube.com/watch?v=R2D6J10fhA4上看到本教程,我正在尝试实现发送推送通知(Expo + Firebase Cloud Functions)

我正在尝试编写一个云函数,如果添加另一个数据库条目,它将向数据库中的所有设备发送推送通知

故障是...

我的用户数据库的结构是这样的 - 任何帮助或指出正确的方向将不胜感激,因为我仍在学习整个事情。

myFirestoreRealTimeDatabase
|--messages
|------fjdhfsjkf(**Unquiqe Message id**)
|------------message: Test Push Notification
|
|--users
|------EIDdxqEkm6YVRqV3p1x9FDXuX4C2 (**Unquiqe user id**)
|------------email: myemail@email.com
|------------expoToken: "ExponentPushToken[5jxdvMLq123JhBNBCg9gDH0w]"
|
|------JFJdjksfVRqV3p1x9FDXJFJS (**Unquiqe user id**)
|------------email: myemail2@email.com
|------------expoToken: "ExponentPushToken[34jxdfdgkdsjBCg9gDH0w]"
Run Code Online (Sandbox Code Playgroud)

因此,当创建新消息时,我需要向所有 expoToken 发送通知,然后需要运行一个函数来使用 expos 推送服务器,如下所示。

 .then((messages) => {
        // console.log(messages)
        fetch("https://exp.host/--/api/v2/push/send", {
          method: "POST",
          headers: {
            Accept: "application/json",
            "Content-Type": "application/json",
          },
          body: JSON.stringify(messages),
        });
      })
Run Code Online (Sandbox Code Playgroud)

这是我已经开始的代码,但它不起作用。

 const functions = require('firebase-functions');
    var fetch = require('node-fetch')
    const admin = require('firebase-admin');
    admin.initializeApp(functions.config().firebase);


    exports.sendPushNotification = …
Run Code Online (Sandbox Code Playgroud)

push-notification firebase react-native expo google-cloud-firestore

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

如何在 React Native 中滚动到 View?

我正在使用 React Native 开发一个应用程序。在那里,我想View在按下按钮时滚动到 a 。我试过这样的事情。

render() {
  return(
    <View ref={field => this.myView = field} >
      //something inside the view
    </View>
  )
}
Run Code Online (Sandbox Code Playgroud)

然后,尝试

this.myView.focus()
Run Code Online (Sandbox Code Playgroud)

但是,它不起作用。

我想得到如下 GIF 演示所示的结果。这该怎么做?

在此处输入图片说明

javascript focus view react-native

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