标签: react-native-android

ReactNative ListView不一致的分隔线

在Android 4.4上,ListView分隔线的厚度不一致,有些则不渲染.我无法看到这是一个代码问题,这就是我渲染它们的方式:

     separator: {
        height: 1,
        backgroundColor: 'grey',
      }
      ...
      <ListView
      renderSeparator={(sectionID, rowID) =>
        <View key={`${sectionID}-${rowID}`} style={styles.separator} />
      }
      .../>
Run Code Online (Sandbox Code Playgroud)

以下是带有此问题的View的屏幕截图:

在此输入图像描述

在iOS或Android 6上不会发生此问题.

以前有人有这个问题吗?

更新

我做了一个测试,这不是Android4的问题.在Nexus One设备上运行时,它会在所有API版本上发生(在android模拟器中)

react-native react-native-listview react-native-android

7
推荐指数
2
解决办法
6224
查看次数

React Native ListView性能太慢了?

我的application.react本机listView中有113条记录需要3秒多的时间才能呈现所有行.如何使其高效,以便时间消耗最小化,应用体验可以顺利进行.我在ios中检查了相同的应用程序,与react-native app版本相比,它效率更高.我每行都有一个头像图像和名称和按钮.

这是listview的代码

var Ziglist = React.createClass({
getInitialState: function() {
     return {
        isLoading: true,
        resultsData: new ListView.DataSource({
        rowHasChanged: (row1, row2) => row1 != row2 }),
      };
},

componentWillMount: function(){
  PeopleStore.listen(this.onChange);
  PeopleActions.getPeopleFollowing();
},

componentWillUnmount() {
  PeopleStore.unlisten(this.onChange);
},

onChange(state) {
this.setState({resultsData: this.getDataSource(state.resultsData)})
},

getDataSource: function(mediaItem: Array<any>): ListView.dataSource {
  return this.state.resultsData.cloneWithRows(mediaItem)
},
render: function() {
    return (
  <View style={{flex: 1}} >
  <ListView
    dataSource={this.state.resultsData}
    renderRow={this.renderRow}
    renderSeperator={this.renderSeperator}
    contentInset={{top: 0}}
    automaticallyAdjustContentInsets={false}
  />
  <Button
    containerStyle={styles.goAhead}
    style={styles.base}
    onPress={() => this.onStartPress()}>
    <Text style={[styles.base,styles.go]}>Ok, Lets GO > </Text>
  </Button>
 </View> …
Run Code Online (Sandbox Code Playgroud)

reactjs reactjs-flux react-native react-native-listview react-native-android

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

如何在Android上设置日志记录级别,以便做出本机反应?

我正在通过反应本机代码,并在其中一个文件中找到以下代码:

#define RCTLog(...) _RCTLog(RCTLogLevelInfo, __VA_ARGS__)
#define RCTLogTrace(...) _RCTLog(RCTLogLevelTrace, __VA_ARGS__)
#define RCTLogInfo(...) _RCTLog(RCTLogLevelInfo, __VA_ARGS__)
#define RCTLogWarn(...) _RCTLog(RCTLogLevelWarning, __VA_ARGS__)
#define RCTLogError(...) _RCTLog(RCTLogLevelError, __VA_ARGS__)
Run Code Online (Sandbox Code Playgroud)

我想知道Android 是否也有类似的东西(原生反应).我尝试通过反应本机代码捕获,但找不到任何方法来执行此操作.我想知道是否有人必须为Android做这件事.

有人可以帮我这个吗?

logging reactjs react-native react-native-android react-native-ios

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

React Native Android,由于来自后台状态而同时运行的几个应用程序实例,而没有杀死应用程序

以下是重现错误的过程.

在我的项目v0.29中发生,但我刚刚在v0.33上测试了init,它的行为方式相同.

当应用程序运行时,按下设备/模拟器的主页按钮并通过单击桌面图标打开应用程序,这里发生的是应用程序重新启动安装组件而没有先卸载它,导致多个实例如果你多次这样做,app会运行.

在此输入图像描述

然后,如果您按下设备后退按钮,它将终止,因此卸载顶级实例,让您使用前一个实例,直到最后一个卸载并且它将转到桌面.

在此输入图像描述

在此之后如果您退出应用程序,就像您最初按下主页按钮并通过单击桌面图标打开它,这将不会重新启动应用程序再次安装它,从这一刻开始正确行事.同样,如果应用程序首次启动,则使用后退按钮退出,之后主页按钮将表现正常.

同样,如果你实现像react-native-activity-android这样的软件包,以避免在按下后退按钮时杀死应用程序,你最终会运行多个应用程序.

在此输入图像描述

在此输入图像描述

我不知道android,当应用程序被杀死时发生了什么,如果你使用home按钮将应用程序发送到后台它可以正常工作?

任何想法如何解决这个问题,所以将应用程序发送到后台并重新打开它不会挂载多个应用程序?

如果我需要在后台运行应用程序以进行位置/通知,假设我无法解决此问题,但我可以处理事件侦听器,因此它们不会多次执行.多个应用程序同时安装的性能/内存有多糟糕?

谢谢

android react-native react-native-android

7
推荐指数
2
解决办法
2935
查看次数

是否有必要在Windows上为“ react-native init AwesomeProject”安装Python以用于react-native?

我正在尝试在Windows7上设置react-native。

我安装了以下东西:

C:\Windows\system32>node -v
v6.2.0    
C:\Windows\system32>npm -v
3.8.9    
C:\Windows\system32>javac -version
javac 1.8.0_60
Run Code Online (Sandbox Code Playgroud)

我尚未安装Python。当我尝试react-native init AwesomeProject在AwesomeProject中仅下载2件事时:node_modules dir和

package.json

{
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "react-native": "0.41.2"
  }
}
Run Code Online (Sandbox Code Playgroud)

这是不完整的项目。ReactNative0.41文件说

我们建议安装Node.js和Python2。

为什么建议将Python与react-native一起使用?react-native是否需要python克隆种子项目?

我还安装了以下内容:

  • Android SDK
  • Android SDK平台
  • Android虚拟设备
  • Android 6.0 SDK工具
  • Google API
  • Intel x86 Atom系统映像
  • 英特尔x86 Atom_64系统映像
  • Google API Intel x86 Atom_64系统映像

python react-native-android

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

在React Native中向onPress函数添加多个事件

当我按下按钮时,它应该导航到另一个页面,它也会增加查看次数.

但我无论如何都无法理解同时实施它们.

这是我的代码:

<Button onPress={Actions.ideaOnClick}>
<Button onPress={() => this.setState({views: ++this.state.views})}>
Run Code Online (Sandbox Code Playgroud)

button react-native react-native-android react-native-ios react-navigation

7
推荐指数
2
解决办法
2万
查看次数

React Native"展会SDK需要Expo才能运行....这个代码不会在Expo上运行."

我正在用React Native编写代码.当我第一次创建用于检查运行的react-native app时,我没有看到.当我实现我的代码时,请看到.我的目的是生成apk.

在此输入图像描述


解决了

结果:我用npm install解决了我的问题.我想说很多个月后.

native reactjs react-native react-native-android expo

7
推荐指数
2
解决办法
8003
查看次数

按钮中的阴影反应原生

我想实现具有阴影的按钮,原生反应没有边框和传播,我尝试过这样的事情,

{
shadowColor: 'black',
shadowOpacity: 0.8,
elevation: 6,
backgroundColor : "#0000",
shadowRadius: 15 ,
shadowOffset : { width: 56, height: 13},
borderWidth:0,
borderRadius:0,
}
Run Code Online (Sandbox Code Playgroud)

但影子并没有扩散,抵消也没有像预期的那样发挥作用.我希望实现这样的目标,

Codepen

react-native-android

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

在react-native中尝试使用Button时出错

在制作简单的本机反应程序时,我无法使<Button> 组件工作.我经常遇到的错误react-native run-android是

java.lang.String无法强制转换为com.facebook.react.uimanager.AccessibilityDelegateUtil $ AccessibilityRole

当我省略按钮时,一切正常,我可以单击文本就好了.

代码:

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button } from 'react-native';



type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
        <View style={styles.container}>

        <Button onPress={()=>console.log('hi')} title="go"/>
        <Text onPress={()=>console.log('hi')}>Welcome to React Native!</Text>

      </View>
        );
      }
 }
Run Code Online (Sandbox Code Playgroud)

一些依赖:

  "dependencies": {
 maar eens alles goed staat hoop ik gewoon dat de miserie gedaan is, cf   "react": "16.6.0-alpha.8af6728",
    "react-native": "0.57.3"
  },
Run Code Online (Sandbox Code Playgroud)

react-native react-native-android

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

不再支持通过UIManager ['AIRMap']直接在UIManager上进行React Native Accessing视图管理器配置

我收到以下警告:“不再支持通过UIManager ['AIRMap']直接从UIManager访问视图管理器配置。改为使用UIManager.getViewManagerConfig('AIRMap')。” 自从我安装了react-native-maps软件包以来,它就一直在显示。我应该忽略它还是它的解决方案?

提前致谢

react-native react-native-android react-native-maps

7
推荐指数
2
解决办法
5380
查看次数