Tag: react native

我们可以在反应原生应用程序中使用nodejs代码吗？

我想在本地项目中使用节点js作为后端。

npm ERR！ 在project@0.0.1启动脚本“react-native start”失败

npm -v：3.10.10 react-native -v：0.1.7 node -v：v6.9.5 ubuntu：16.04 watchman -v：4.5.0 Afrer执行react-native init project cd project和react-native run-android，当我执行npm start来运行服务器时，我有这个错误： project@0.0.1 start /home/sofiane/projet/merde2 > react-native start Cannot parse yarn version: 0.22 Scanning 547 folders for symlinks in /home/sofiane/projet/project/node_modules (3ms) ┌────────────────────────────────────────────────────────────────────────────┐ │ Running packager on port 8081. │ │ │ │ Keep this packager running while developing on any JS […]

在同一个提取POST API调用中返回JSON

我目前有一个基于Node.js的Express框架构build的Web应用程序。 我现在正在构build一个需要执行用户login的React Native应用程序。 为此，我创build了一个mongo-helpers.js文件，它将简单地执行api调用localhost：3000 / api并返回JSON。 到目前为止，我没有任何问题进行GET调用和接收数据，但是这是我的问题，我想要做什么： 目标 ：按下loginbutton（在React Native应用程序中），调用localhost：3000 / api / login，将username和password传递到fetch API POST请求的body中。 如果用户login，则发回用户的Mongo文档。 问题 ：虽然我能够发出API Post请求并成功login用户，但我无法用res.json(user)发送用户的Mongo文档。 这是我的代码： Express WEB APP： routes / api / api.js // POST and login user router.post('/login', (req, res) => { user.findOne({name: req.body.name, password: req.body.password}) .then((user) => { console.log(user); res.json(user) }) .catch((error) => res.json(error)) }); 反应本机应用程序： mongo-helpers.js […]

状态没有正确设置 – 反应原生

我从我的代码中得到的东西很困惑。 我有下面这应该注销data.points然后将this.state.points设置为data.points ，然后注销this.state.points ，但是当它们注销它们不相等。 这是我正在使用的确切代码，所以我确信它是输出的。 我可能忽略了一些东西，但是我花了一个小时来阅读和注销这些代码，但是我仍然无法弄清楚。 这是我运行的代码： console.log(data.points); if (!this.state.hasPressed) { this.setState({points: data.points}) console.log('in not hasPressed if'); } console.log(this.state.points); 然而在chrome远程debugging器中，我得到了这个： ["114556548393525038426"] in not hasPressed if []

如何模块化JavaScript类（将方法拉出主文件，将方法导入主文件）

是否有可能从JS中的类拉类方法？ 原谅我，我是function范式，所以使用React迫使我使用类和this关键字（到目前为止）。 我的一些组件越来越大，我不想要这个。 我无法在Google上find任何有关拉出方法或模块化课程的内容。 有没有一种方法，我可以说“ 从./some_method.js'获取此方法，并使用它，如果它是在这个文件＆类中声明 ”没有太多的侵入性的变化？ 如果做不到这一点，我假设他们把所有的function都传递给他们。 但是，这感觉很肮脏。 我会感谢一些指导我需要看什么关键字，或者只是如何移动方法，所以我没有2000行文件，需要我20分钟find toggleFullMenu() { this.setState({ menuOpen: !this.state.menuOpen}) } 不用按CTRL + F。 这是我的动力。 我也想知道是否有关于这个与build设者有关的专业技巧。 任何类inheritance范式的警告？ 我只是想让方法独立地坐在不同的文件中，但我不知道我在找什么。 我从来没有见过人们在谈论这个。 编辑，我刚刚在MDN中发现： 子类与扩展 extends关键字用于类声明或类expression式中，以创build另一个类的子类。 来源： https ： //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes class Dog extends Animal { speak() { console.log(this.name + ' barks.'); } } 这是我需要的吗？ 我将如何去拉动一堆扩展？ 我不想要一个小孩课，听起来不像我所描述的那样。

如何将React.js / React Native Apps连接到Azure App Service的单个后端实例？

我打算创build1）react.js的Web应用程序2）反应原生android / ios应用程序，我想创build一个统一的node.js后端作为一个单一的APInetworking和移动应用程序。 我还想利用Azure的通知中心和身份validation。 对于身份validation，我还需要有自定义的用户名/密码，而不仅仅是社交帐户。 我该怎么办？ AAD可以实现吗？ 我意识到，虽然Azure对本机iOS / Android应用程序有很好的支持，但它是否支持React / React Native应用程序还不完全清楚。 JavaScript的移动应用程序SDK有多大的帮助？ https://azure.microsoft.com/en-us/documentation/articles/app-service-mobile-html-how-to-use-client-library/ 谢谢！

在创build反应原生项目时，发现“不变”错误没有find

我刚刚开始反应原生。 我尝试了文档中提到的东西。 但是运行react-native init AwesomeProject 。 我得到以下错误。 module.js:328 throw err; ^ Error: Cannot find module 'invariant' at Function.Module._resolveFilename (module.js:326:15) at Function.Module._load (module.js:277:25) at Module.require (module.js:354:17) at require (internal/module.js:12:17) at Object.<anonymous> (/Users/aragorn/AwesomeProject/node_modules/react-native/packager/react-packager/src/node-haste/Module.js:18:19) at Module._compile (module.js:410:26) at loader (/Users/aragorn/AwesomeProject/node_modules/babel-register/lib/node.js:144:5) at Object.require.extensions.(anonymous function) [as .js] (/Users/aragorn/AwesomeProject/node_modules/babel-register/lib/node.js:154:7) at Module.load (module.js:344:32) at Function.Module._load (module.js:301:12) 我在Mac OSX（Yosemite）上尝试使用以下configuration： – nodejs – v4.3.0 […]

无法parsing模块“react / lib / ReactComponentTreeHook”

我正在尝试升级React Native，我正在运行以下内容： error: bundling: UnableToResolveError: Unable to resolve module `react/lib/ReactComponentTreeHook` from `/Users/anthony/dev/apptova-react/node_modules/react-native/Libraries/Performance/Systrace.js`: Module does not exist in the module map or in these directories: /Users/anthony/dev/apptova-react/node_modules/react-native/node_modules/react/lib , /Users/anthony/dev/apptova-react/node_modules/react/lib 我很困惑。 我无法在node_modulesfind任何名为ReactComponentTreeHook的库。 我已经尝试删除node_modules文件夹并重新安装，纳达。 我也清除守望者手表，并重置打包器caching。 编辑：我一直遇到问题，似乎源于反应原生地图，所以我所以我重新回到一个工作稳定版本，卸载react-native-maps，并运行react-native-git-upgrade（再次）。 现在我得到： error: bundling: UnableToResolveError: Unable to resolve module `react/lib/ReactDebugCurrentFrame` from `/Users/anthony/dev/apptova-react/node_modules/react-native/Libraries/Renderer/src/renderers/shared/stack/reconciler/ReactCompositeComponent.js`: Module does not exist in the module map or in these directories: […]

React Native中的边栏菜单与react-navigation

我在React Native使用了react-navigation ，我想创build一个侧边栏菜单，打开它作为一个覆盖层，从左到右填充大约80-90％的宽度。 没有反应导航，这是可能的包如react-native-side-bar ，但我想知道是否可以得到与DrawerNavigator完全相同的function。 但似乎DrawerNavigator有菜单button。 是不是可以自己configuration覆盖？ 编辑 解决scheme1 一种方法是使用 const MyStackNavigator = StackNavigator({ A: { screen: AScreen }, B: { screen: BScreen }, C: { screen: CScreen } }); const RootNavigator = DrawerNavigator({ A: { screen: MyStackNavigator }, }, { // set content of side bar contentComponent: (props) => <Sidebar /> }); 但是可以从AScreen ， […]

检测React Native中左侧的滑动

如何在React Native的整个屏幕上检测左滑动？ 是否有必要使用PanResponder或可以做更简单？