【React Native】在网页中打开Android应用程序

React Native官方提供Linking库用于调起其他app或者本机应用.Linking的主要属性和方法有: 属性与方法 canOpenURL(url); 判断设备上是否有已经安装相应应用或可以处理URL的程序,本方法会返回一个Promise对象,只有一个回调参数,格式为Boolean值. openURL(url); 打开设备上的某个应用或可以处理URL的程序,本方法会返回一个Promise对象. addEventListener(type, handler); 添加一个监听 Linkin…

WEB通知和React Native之即时通讯(iOS Android)

WEB通知和React Native之即时通讯(iOS Android) 一,需求分析 1.1,允许服务器主动发送信息给客户端,客户端能监听到并且能接收. 1.2,为了方便同一个系统内的用户可以指定某个用户可以私聊. 1.3,给指定用户或多个用户发送通知. 二,技术介绍 2.1.WebSocket介绍 1,WebSocket 是什么? WebSocket 是一种网络通信协议.RFC6455 定义了它的通信标准. WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通…

React Native之通知栏消息提示(android)

React Native之通知栏消息提示(android) 一,需求分析与概述 1.1,推送作为手机应用的基本功能,是手机应用的重要部分,如果自己实现一套推送系统费时费力,所以大部分的应用都会选择使用第三方的推送服务,如极光推送. 1.2,jpush-react-native是极光推送官方开发的 React Native 版本插件,可以快速集成推送功能.现在最新版本的 JPush SDK 分离了 JPush 及 JCore,让开发者可以分开集成 JMessage 及 JPush(以前 JMess…

React Native之微信分享(iOS Android)

React Native之微信分享(iOS Android) 在使用React Native开发项目的时候,基本都会使用到微信好友或者微信朋友圈分享功能吧,那么今天我就带大家实现以下RN微信好友以及朋友圈的分享功能. 一,应用申请审核大家需要去微信开发平台去注册账号并且创建一个移动应用.(地址:https://open.weixin.qq.com),然后根据流程申请即可.但是需要注意的是Android需要获取签名信息: 下载安装上面的签名信息包apk,然后在上面输入android项目的包名,点…

React Native之(支持iOS与Android)自定义单选按钮(RadioGroup，RadioButton)

React Native之(支持iOS与Android)自定义单选按钮(RadioGroup,RadioButton) 一,需求与简单介绍在开发项目时发现RN没有给提供RadioButton和RadioGroup这两个组件,只有CheckBox组件(不支持iOS),但是项目中确实有有一些地方需要使用到RadioButton和RadioGroup,比如默认地址的选择等. 需求: 可以指定选中状态和未选中状态的颜色. 可以指定该单选按钮是否可选:disabled. 可以指定整体的样式,就像使用系统…

在Android Studio中打开Android Device Monitor时报错的解决方法

在Android Studio中打开Android Device Monitor时报以下错误时(Android-SDK\tools\lib\monitor-x86_64\configuration\1491536029820.log),请关闭Android Studio后以管理员的模式打开Android Studio后即可解决此问题. !SESSION 2017-04-07 11:33:49.545 -----------------------------------------------…

React Native 真机调试(iOS / Android)

React Native 真机调试(iOS / Android) https://reactnative.dev/docs/running-on-device https://developer.apple.com/ https://developer.apple.com/library/content/documentation/IDEs/Conceptual/AppDistributionGuide/LaunchingYourApponDevices/LaunchingYourApponDe…

通过浏览器直接打开Android应用程序

需求通过手机浏览器直接打开Android应用程序.假设本地已经安装了指定Android应用,就直接打开它:假设没有安装,则直接下载该应用的安装文件(也能够跳转到下载页面). 实现效果假设手机上已经安装了App.则直接打开.假设没有安装,则開始下载. 实现方式 1.为Android应用的启动Activity设置一个Schema,例如以下: <data android:host="splash" android:scheme="huiyy" /> 2.用…

js网页中调用本地应用程序

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test ActiveXObject</title> <script> function Run(command) { windo…

iOS评分功能、APP中打开其他应用程序

1.评分功能 iOS中评分支持功能开发非常简单. NSString *str = [NSString stringWithFormat: @"itms-apps://itunes.apple.com/cn/app/id%@?mt=8", appid]; [[UIApplication sharedApplication] openURL:[NSURL URLWithString:str]]; 只需要这么两行就可以啦,它就会跳转到AppStore的应用位置去咯. 2.打开其他应用程序在…

30天React Native从零到IOS/Android双平台发布总结

前言本人有近十年的技术背景,除了APP开发之外对后端.前端等都比较熟悉,近期做一个APP项目需要IOS.Android两个平台都需要,只能硬着头皮上.其实很早就想开发APP也很早就接触Android.IOS原生开发.Hybrid.HTML5 WebAPP等开发但一直也没有做一个完整的项目,更多只是技术上的验证和尝试.这回利用这个项目机会成功的基于RN技术发布了IOS和Android两个平台的APP,项目周期由于IOS审核(第一次提交审核,修改了四次才通过)和自己假期的时间用了一个半月,实际用于…

React Native(ios)项目中logo，启动屏设置

由于logo和启动屏尺寸多,react native(ios)中没有命令可以自动生成各种的尺寸,所以可以使用以下办法:在ionic项目中生成(使用命令:ionic resources)后,再粘贴到react native项目中. 一.ionic项目生成图标: 1.保证ionic和cordova的版本是最新的:使用ionic/cordova -v 查看版本 2.使用命令cordova platform version查看ios平台版本 3.安装ios版本最新的:ionic platform add…

React Native 组建之IOS和Android通用抽屉

/** * Sample React Native App * https://github.com/facebook/react-native * @flow *npm:https://www.npmjs.com/package/react-native-drawer *github:https://github.com/root-two/react-native-drawer */ import React, { Component } from 'react';import Drawer…

React Native在开发过程中遇到的一些问题(俗称:坑)

4900 服务器地址错误运行时产生以下错误:Could not connect to development server. 1.URL地址设置问题: Could not connect to development server. Ensure the following: - Node server is running and available on the same network - run 'npm start' from react-native root - Node se…

谈谈React Native环境安装中我遇到的坑

谈谈React Native环境安装这个坑把我困了好久,真的是接近崩溃的边缘...整理出来分享给大家,希望遇到跟我一样问题的小伙伴能尽快找到答案. 首先,这是在初始化App之后,react-native run-android指令报错如下: 这个问题困扰了好久,查阅了很多资料,使用各种解决办法,有的资料解决办法如下: 跟随着改变之后,再react-nativerun-android,运行结果如下: 以上的方法依然未能解决,反而报了其他的错误,然后我把文件中更改的地方复原. 下面是第二种方法…

React Native之网页组件WebView的使用与通信

在实际开发中,我们通常会嵌入一些html页面,官方为我们提供了一个非常好用的网页组件WebView,通过这个组件我们可以通过传入一个url或者是传入一段html 一. WebView的基本属性方法介绍与使用主要属性介绍 source:在 WebView 中载入一段静态的 html 代码或是传入一个 url(还可以附带一些 header 选项) automaticallyAdjustContentInsets:设置是否自动调整内容.格式:bool.默认值为true contentInset:设置…

React Native混合开发中必须要学会点FlexBox布局

在前面的案例中,界面的搭建都是采用CSS的布局,基于盒子模型,依赖 display属性 , position属性, float属性.但对于那些特殊布局非常不方便,比如,垂直居中. 一种全新的针对web和移动开发布局应运而生:Flex布局,可以简便.完整.响应式地实现各种页面布局.目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能. 一.FlexBox布局 1.1 FlexBox是什么意思呢? flexible(形容词):能够伸缩或者很容易变化,以适应外界条件的变化 box…

网页中打开exe

网页上打开本地的exe文件,可以吗? 西蒙说:可以的. 方法如下: 1.定义一个私有协议,指向本地的那个exe 2.在网页上将此私有协议作为URL,点击之即可打开那个exe 3.URL中还可以包含参数,传递给那个exe 1.定义一个私有协议协议,http就是一个众所周知的例子.在浏览器中输入这个东东,浏览器就能明白是打开一个网页.那么,这个私有协议,就是用来打开我们那个该死的exe的. 私有协议怎么定义?很简单,修改注册表.写一段脚本,正确命名文件后缀,双击,windows能识别并运行,修改注…

chrome网页中打开exe

Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\VMS] @="URL:VMS" "URL Protocol"="" [HKEY_CLASSES_ROOT\VMS\DefaultIcon] @="chrome.exe,1" [HKEY_CLASSES_ROOT\VMS\shell] [HKEY_CLASSES_ROOT\VMS\shell\open] [HKEY_…

如何才能实现在点击链接时直接在网页中打开word文档，但不提示保存

一般要直接打开需要客户端 1.客户端有word支持 2.客户端浏览器的版本与设置可寻找一下相关的控件或中间件,我的意见是看能否变通一下,把word转成HTML或PDF再展示给用户.(若用户不需要编辑并保持到服务器端的情况) 可试试下文: 有朋友询问如何在Web页面上做到像SharePoint中的效果一样,能直接激活客户端的Word来打开.doc文件,而不是类似直接点击.doc文档链接时Word在IE中被打开那样.想想这个问题应该很多人都会感兴趣,所以干脆写一篇blog来大致描述一下方法. 在安…

android在程序中打开另一个程序

在开发android应用的时候,在一些情况下要有前置条件,比如这边所说的要启动时要确保别的应用程序服务已经打开或者在操作中启动别的应用等. 先来一段google上的代码: 1. 已知包名和类名的情况下: Intent intent = new Intent(Intent.ACTION_MAIN); intent.addCategory(Intent.CATEGORY_LAUNCHER); //前面两个设置是为了调用该应用的主页也就如C#或JAVA 常说的 MAIN函数入口 Componen…

React Native踩坑之启动android模拟器失败

报错 Could not install the app on the device, read the error above for details.Make sure you have an Android emulator running or a device connected and have set up your Android development environment 大概意思就是安装app到设备上失败,请确保您已经运行了一个安卓模拟器,然后输入adb devices提…

react native报错处理com.android.build.api.transform.TransformException: com.android.builder.dexing.DexArchiveBuilderException: com.android.builder.dexing.DexArchiveBuilderException: Failed to process

背景:最近准备在使用react-native开发的app中接入友盟,来进行用户行为统计,分享,授权登录等操作. 在使用的过程中,遇到了一些错误信息,在此记录一下. 在修改android目录下的build.gradle等信息后,运行react-native run-android报错,错误信息如下: com.android.build.api.transform.TransformException: com.android.builder.dexing.DexArchiveBuilderExce…

React native 环境搭建遇到问题解决(android)

新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了问题一通常遇到这个错误之后,系统会给出这个具体详情: Gradle sync failed: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.…

[React Native]去掉WebStorm中黄色警告

用WebStorm开发RN难免会碰到一大堆黄色警告.就像下面这样. 其实这个错误并不会影响开发,但是作为一个上升处女座的,我很难忍.于是各种想办法. 上网查了半天发现这篇文章 http://blog.csdn.net/gz_jero/article/details/51503374 按照上面的这篇文章做,然后发现作用不是很大,只能去掉很少的警告. 无意间,在一个开发群里寻找到了解决办法,给大家分享出来. 首先,点击WebStorm下面的灯泡去掉下面的俩勾完美解决. 更多精彩请关注微信公众账号…

学习笔记：URL Protocol在浏览器中打开本地应用程序

看到阿里的网站上可以通过点击卖家的旺旺图标从而调用本地的阿里旺旺程序,而且还可以传递当前浏览者需要咨询的商品.这是怎么实现的呢?是通过URLProtocol来完成. 原理还没有太清楚,即在系统里注册一个URL Protocol,当浏览器页面触发时调用这个本地应用程序: 1.在注册表的HKEY_CLASSES_ROOT根下面写入一个项目mini188,并建立子项目,如下图所示: 2.然后在command键下面的默认值中写入exe的位置信息: 3.创建一个html页面,代码如下: <html> &…

Facebook 开源安卓版 React Native，开发者可将相同代码用于网页和 iOS 应用开发

转自:http://mt.sohu.com/20150915/n421177212.shtml Facebook 创建了React Java 库,这样,Facebook 的工程团队就可以用相同的代码给iOS.安卓和网页开发界面了.现在,Facebook 通过开源 React“三部曲”中的最后一部分—— 安卓版 React Native (React Native For Android),将应用开发的超级力量赋予每个人. Facebook 先是在 2013 年将 React 开源,接着又在今年初…

React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息.为大家精心准备的React Native视频教程公布了,大家现能够看视频学React Native了. 前言一直想写一下我在React Native原生模块封装方面的一些经验和心得.来分享给大家,但实在抽不开身.今天看了一下日历发现立即就春节了.所以就赶在春节之前将这篇博文写好并公布(事实上是两篇…

React Native工程中TSLint静态检查工具的探索之路

建立的代码规范没人遵守,项目中遍地风格迥异的代码,你会不会抓狂? 通过测试用例的程序还会出现Bug,而原因仅仅是自己犯下的低级错误,你会不会抓狂? 某种代码写法存在问题导致崩溃时,只能全工程检查代码,这需要人工花费大量时间Review代码,你会不会抓狂? 以上这些问题,可以通过静态检查有效地缓解! 静态检查(Static Program Analysis)主要是以不运行程序的方式对于程序源代码进行检查分析的技术,而与之相反的就是动态检查(Dynamic Program Analysis),通过实…

React Native之支付集成(微信支付宝)(ios android)

React Native之支付集成(微信支付宝)(ios android) 一,需求分析 1.1,app在线充值与提现二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹,并在文件夹内创建WXPayEntryActivity.java,用于获得微信的授权和支付权限. package your.package.wxapi; impo…

【【React Native】在网页中打开Android应用程序】的更多相关文章