小编Jer*_*gle的帖子

React Native 如何获取设备的方向

下面的当前代码将获取方向,但是如果设备处于横向视图并且您打开应用程序,它将显示纵向视图。手动旋转设备后,下面的代码可以正常工作如何在应用程序启动时获取设备的方向。#React #React Native

const ViewControllerProvider = (props) => {
  const [orientation, setOrientation] = useState('PORTRAIT');

  useEffect(() => {
    Dimensions.addEventListener('change', ({window: {width, height}}) => {
      if (width < height) {
        setOrientation('PORTRAIT');
      } else {
        setOrientation('LANDSCAPE');
      }
    });
  }, []);

  return (
    <ViewControllerContext.Provider value={{orientation}}>
      {props.children}
    </ViewControllerContext.Provider>
  );
};

export {ViewControllerProvider, ViewControllerContext};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

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

在 React 或 Javascript 中,我们如何为 Google Cloud Firestore 提供自定义文档 ID

我正在将 React 与云 Firestore 结合使用,我试图添加自己的文档 ID,而不是自动生成的文档 ID。如果我们不能这样做,有没有办法获得回调来获取提交数据时创建的文档ID?

firebase.firestore()
.collection("user5d")
.document("custom-id")
.add({
    urn: randomNumber,
    line1: "some text",
    line2: "line 2 text",
    slashColor: "green",
    textColor: "white",
  });
Run Code Online (Sandbox Code Playgroud)

javascript google-cloud-firestore

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