Articles of reactjs

反转FlatList

我目前正在研究用于android的react native应用程序,并且可以访问新的FlatList。 它有一些非常需要的function。 但是,我的listview使用react-native-invertable-scroll-view反转。 这似乎与FlatList无法正常工作。 滚动未正确反转。 有谁知道如何反转FlatList? 或者也许如何加载一个Flatlist,然后在没有用户注意到的情况下强制滚动到底部? 我自己试图强制向下滚动的尝试经常被推迟。

React原生弹性框不使用所有可用空间

我有一个我想要全屏的布局。 这就是它现在的样子: 我想要的是布局占用屏幕上的所有空间(因此提交按钮应该在底部向下)。 我正在尝试使用{flex: 1}但它不起作用。 这是代码: ‘use strict’; const React = require(‘react-native’); const { StyleSheet, Text, View, BackAndroid, TextInput, TouchableNativeFeedback, ScrollView } = React; const ActionButton = require(‘./action-button’); module.exports = React.createClass({ handleBackButtonPress () { if (this.props.navigator) { this.props.navigator.pop(); return true; } return false; }, componentWillMount () { BackAndroid.addEventListener(‘hardwareBackPress’, this.handleBackButtonPress); }, componentWillUnmount () { BackAndroid.removeEventListener(‘hardwareBackPress’, this.handleBackButtonPress); […]

错误:未编译的PNG文件作为parameter passing。 必须先编译成.flat文件

在本机反应中,我正在尝试根据他们的指示生成签名的APK。 但是当我执行这个./gradlew assembleRelease命令时,它会向我显示这个错误。 错误详情 。 我的平台: 操作系统:Windows 10 节点:8.9.1 npm:5.5.1 反应:16.3.2 反应原生:0.55 谁能告诉我,为什么我会收到这个错误? 我通过在android/gradle.properties添加android.enableAapt2=false 来获得解决方案。 显然,我读到这只是一个临时解决方案。 在这里得到了同样的错误,没办法用其他解决方案来解决它?

React Native:将Entry文件路径index.android.js更改为指定的自定义文件路径

我需要将Entry文件路径更改为src / XXXApp.android.js,而不是指向默认的index.android.js文件。 我想将JS文件保存在单独的./src文件夹中。 所以我在./android/app/build.gradle中进行了更改 project.ext.react = [ bundleAssetName: “src/XXXApp.android.bundle”, entryFile: file(“../../src/XXXApp.android.js”), root: “../../../../”, inputExcludes: [“android/**”, “./**”] ] 并在。\ node_modules \ react-native \ react.gradle文件中 def bundleAssetName = config.bundleAssetName ?:”src/XXXApp.android.bundle” def entryFile = config.entryFile ?: “src/XXXApp.android.js” 但是开发包服务器总是指向localhost:8081 / index.android / bundle。 。 手动我尝试了URL: localhost:8081 / src / XXXApp.android.bundle并检索数据。 但是在设备调试中,loadJs总是尝试使用localhost:8081 / index.android / bundle。 请分享解决方案,适当的地方更新android的入口文件配置。 提前感谢您的宝贵解决方案。

反应原生背景过程

我试图弄清楚如何在本机(Android)中运行后台服务。 当应用程序在后台运行时,是否可以运行代码(例如套接字侦听器)。 我创建了一些简单的东西来确定它,但似乎它没有那样工作。 有帮助吗? class HolaProject extends React.Component { constructor(props) { super(props); this.state = {holaText: “0”}; var self = this; setTimeout(() => { self.setState({holaText: “after 10 seconds, works!”}) }, 10000); } render() { return ( React Native}> {this.state.holaText} ); } };

使用expo工具包在native native中加载自定义本机组件

我试图加载自定义Android WebView,以便能够使用html文件输入上传文件(默认情况下,Android webview不能使用输入文件)。 我使用这个代码 ,唯一的区别是我使用expo工具包,所以我的MainApplication.java是不同的(默认情况下inheritance自另一个类): public class MainApplication extends MultiDexApplication { // Needed for `react-native link` public List getPackages() { return Arrays.asList( new MainReactPackage(), new CustomWebViewPackage() ); } @Override public void onCreate() { super.onCreate(); SoLoader.init(this, /* native exopackage */ false); } } 基本上git代码所做的是覆盖默认的反应本机webview以使其在Android中使用CustomWebView.java,使用requireNativeComponent和此代码( 这在CustomWebView.android.js上 ): var RCTWebView = requireNativeComponent(‘CustomWebView’, WebView, { nativeOnly: { messagingEnabled: PropTypes.bool, […]

如何在React Native中创建对角线边框?

我正在根据设计师的设计构建React Native应用程序。 该设计有几个地方有按钮或具有一条对角线的形状(参见下面的例子)。 我已经尝试过使用SkewX但这似乎只是旋转了整个形状(并且似乎无论如何都不适用于Android)。 如何在一侧绘制一个带有对角线边框的矩形/按钮?

如何在真实设备上打开react-native的开发菜单

我已经看到了一些边界案例和奇怪的开发人员界面。 来自“摇动你的设备” ,这是非常不切实际的,特别是平板电脑 要解决Android工作室模拟按钮按下。 有一致的方法吗? 我们不能使用实习API在我们的应用程序中设置调试按钮来启动navigator.popUpDevMenu()这样的菜单吗? 如果没有,你如何摇动你的平板电脑才能让它运转起来。 这是为了解决如何在真实设备上配置HMR 。 React native确实改善了开发体验,但我会说特别的东西会减慢它的速度。

React Native:获取请求失败并显示错误 – TypeError:网络请求失败(…)

我正在使用React Native开发一个简单的应用程序。 我在Android设备上测试它。 我创建了一个Node.js服务器来监听请求,它运行在http:// localhost:3333 / 。 接下来,我正在从index.android.js发出一个获取请求。 以下是代码。 fetch(‘http://localhost:3333/’, { ‘method’: ‘GET’, ‘headers’: { ‘Accept’: ‘text/plain’, } } ) .then((response) => response.text()) .then((responseText) => { console.log(responseText); }) .catch((error) => { console.warn(error); }); 节点服务器上的请求处理程序的代码如下所示 app.use(function(req, res, next) { res.header(“Access-Control-Allow-Origin”, “*”); res.header(“Access-Control-Allow-Headers”, “Origin, X-Requested-With, Content-Type, Accept”); next(); }); app.use(express.static(‘public’)); app.get(‘/’, function(req, res){ console.log(‘Request received for /’); […]

React本机textDecoration属性不适用于Android

我正在使用 Something 以下样式: sampleStyle: { textDecorationLine: “underline”, textDecorationStyle: “solid”, textDecorationColor: “#000”, } 但是,它们似乎没有起作用。 我究竟做错了什么?