Tag: Reactnative
适用于iOS的Firebase的ReactNative推送通知
什么是推送通知？ 推送通知是在移动设备上弹出的消息。 应用发布者可以随时发送它们； 用户无需进入应用程序或使用其设备即可接收它们。 他们可以做很多事情； 例如，他们可以显示最新的体育比分，让用户采取行动（例如下载优惠券）或让用户知道某个事件（例如快速销售）。 推送通知看起来像SMS短信和移动警报，但它们仅覆盖已安装您的应用程序的用户。 每个移动平台都支持推送通知-iOS，Android，Fire OS，Windows和BlackBerry都有自己的服务。 下面，我将展示如何为iOS平台集成ReactNative推送通知。 请参阅此文章，以获取有关推送通知的更多信息： https : //www.urbanairship.com/push-notifications-explained 集成到iOS平台的ReactNative Push Notifications中的步骤 首先，创建一个React Native新项目，我们将配置推送通知。 反应本地初始化反应推送通知 现在，当您安装React Native时，需要考虑的几件事才能使它们正常工作而没有任何错误。 您应该使用XCode 10（当前最新），React Native 0.55（当前最稳定）。 接下来，我们为React Native https://github.com/evollu/react-native-fcm安装Firebase Cloud Messaging软件包 react-native链接react-native-fcm 安装Firebase Cloud Messaging Package之后，我们需要使用CocaPods安装FCM框架。 要安装它，我们首先在刚刚创建的“ react-push-notifications”项目上的“ ios”目录中导航，然后运行以下命令： cd ios && pod初始化 所以，我的PodFile看起来像这样 ＃取消注释下一行以定义项目的全局平台 平台：ios，“ 9.0” 目标“反应推送通知” ＃如果您使用的是Swift或想使用动态框架，请取消注释下一行 ＃use_frameworks！ ＃pods for react-push-notifications pod“ Firebase […]
我们的第一个React Native应用程序
在过去的2/3个月中，我们一直在使用React Native来构建一个本机iOS应用程序，以向客户端展示复杂的交互式用户流。 作为React.js领域的新手，您可能想知道为什么我们会选择做这样一个疯狂的事情，所以这就是故事了。 主要写给同事以了解技术决策和学习。 React Native帮助我们在更短的时间内交付了最小可行的产品，并以更高的质量提供了更多功能。 作为该项目的首席开发人员，利用ES6之类的本地开发经验有限，这是很有意义的。 尽管这是一个实验，但我以后肯定会在React Natives的一角。 选择React Native 现在，市场上肯定有很多选择可以帮助您构建移动应用程序，例如NativeScript，Ionic，当然还有Swift。 让我们从Swift开始，本机实现很棒，并且拥有其他选项没有的功能，但是我们没有内部专业知识，需要整个开发团队都可以访问的解决方案。 其次，NativeScript，Ionic和PhoneGap都是出色的竞争者，但整个空间都显得肿。 例如，您可能将NativeScript与Angular结合使用，从而增加了依赖性和复杂性。 在线上有大量文章可以帮助您权衡所有选择。 现在我们进入React Native。 正如创建者所描述的那样，它是“用于构建用户界面的Java脚本框架”，因此，这听起来像是一个极好的竞争者。 它也是较稳定的选项之一，可能会保留一段时间，值得我们花时间学习。 顾名思义，React是基于反应性数据流构建的，它仅具有单向数据绑定，从而大大简化了发送逻辑。 我们的规范是一个iOS应用程序，但未来可能会出现Android，因此我们也在这里介绍，因为React Native符合这两个规范。 您还可以使用其兄长React.js来构建Web应用程序。 由于易于开发，应用程序质量，性能以及支持React的生态系统，我不仅获得了极大的乐趣，而且感到React Native是该项目的正确选择。 出售React Native的两篇文章：IOS开发人员正在切换，Smashing Magazine考虑使用React Native。 如果您只是刚开始，Cam Jackson撰写了一篇非常不错的初学者文章。 挑选样板 现在有许多样板，具有许多不同的配置选项。 意大利辣味香肠和Ignite只是两个例子。 这两个项目都非常出色，但对于这种简单的设计规范而言，有点“胖”了。 我选择了一个样板，它提供了很好的技术基础，但没有太多与该项目无关的功能。 马特·麦克纳姆（Matt Mcnamee）做了出色的工作，创建了一个简单快速的样板来启动和运行应用程序，经过大量审查，我选择了此作为起点。 具有一些出色的功能，例如：Redux，React Router，Native Elements和内置的样式指南，您怎么会出错。 在这里查看。 现在所有这些项目都以Redux为标准，作为React的新手，我选择使用Redux的设置，但我自己没有参与。 原因：“除非您对香草React遇到问题，否则不要使用Redux” @dan_abramov — Redux的合著者。 应用架构 由于此应用程序主要显示了套管用户流程和交互，因此我们实现了智能组件和愚蠢组件。 我们使用React Router进行页面导航，因为样板已经很好地进行了设置，并且有许多在线文档可以帮助您进行配置。 智能组件的UI逻辑存储在状态中，容器组件将它们包装在一起。 这里有一些关于在React State和Redux […]
