天道酬勤,学无止境

react-native

React-Native ListView row animation on the y axis

问题 在我的 ListView 中为 y 轴上的行设置动画时遇到了一些麻烦。 x轴很好,y轴不行。 这是我正在做的精简版:风格: var animateStyle = {transform:[{translateX: this.state.position.x, translateY: this.state.position.y}]} 动画视图: <Animated.View ref={(row) => main[userId] = row} style={[animateStyle]}> <TouchableHighlight onPress={() => this._move()}> <Text>hello</Text> </TouchableHighlight> </Animated.View> 下面的示例设置 x 值并完美地移动行,但如果您切换值以在 y 轴上设置动画,则不会发生任何事情。 _move: function() { var newValue = this.state.position.x._value+1; this.state.position.x.setValue(newValue); var thisUserComponent = this.props.main[this.props.user.id]; thisUserComponent.refs

2022-07-11 09:46:25    分类:技术分享    listview   animation   react-native

React-native and Firebase: Wait for Firebase data

问题 我目前正在实施一个依赖于 Firebase 数据的应用程序,然后才能继续。 但是,我经常(除非我故意等待)得到结果Cannot read property [property] of null 。 我非常怀疑这是因为在我调用这个对象之前无法发出 firebase 请求。 现在,我正在寻找实现集合点或屏障的方法,实际上是在继续之前实现接收所有 firebase 数据的检查点的任何方法。 Javascript中是否有任何东西可以帮助我做到这一点,或者任何库,或者任何可以帮助我实现这一目标的react-native库? 我的代码如下:(Fb是firebase接口) @action bookInterestedBike() { this.bookedBikeNo = this.interestBikeNo; this.downloadBikeObj(); this.updateBikeDataStartRide(); this.updateUserDataStartRide(); // //This is where the firebase checkpoint / barrier should happen, and no progress should be made unless this data was fetched! // this.startTimer(); }

2022-05-17 05:37:08    分类:技术分享    javascript   firebase   asynchronous   react-native   synchronization

unable to load script from assets 'index.android.bundle'

问题 回答1 我也得到了这个,我在你的项目目录中使用以下命令解决了这个问题: $ mkdir android/app/src/main/assets $ react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res $ react-native run-android 回答2 使用 npm 版本 4.3.0 react-native-cli 版本 2.01 react-native 版本 0.49.5 在项目目录中, mkdir android/app/src/main/assets react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res react-native run-android

2022-05-17 05:25:04    分类:技术分享    android   react-native

React Native: How to pass props navigating from one screen to another

问题 我正在尝试将一些行数据从列表传递到下一个屏幕以显示详细信息,但似乎无法实现。 这就是我在导航时传递道具的方式: _renderRow(row,sectionId, rowId, highlightRow) { var self = this; let navigate=this.props.navigation; return ( <TouchableOpacity onPress={() => navigate('ChatList',{row})}> ........//ignored code 在另一个屏幕上 ChatList.js: import React, { Component } from 'react'; import { StyleSheet, Text, View, TouchableOpacity, TextInput, Image } from 'react-native'; import { StackNavigator } from 'react-navigation'; const ChatList = () => { return ( <View> </View> ); } ChatList.navigationOptions = { //trying to set the title from the data sent around

2022-05-17 05:10:09    分类:技术分享    javascript   android   react-native   react-router

Unable to load script from assets index.android.bundle on windows

问题 我正在尝试第一次在我的设备(Android 4.2.2)上运行我的第一个 React Native 项目。 我得到: 无法从资产 index.android.bundle 加载脚本 我使用的命令: cd (project directory) react-native start react-native run-android 回答1 如果您在物理设备上运行应用程序并收到此错误 unable to load script from assets index.android.bundle 尝试运行命令: adb reverse tcp:8081 tcp:8081 它对我有用... 回答2 在遵循 React Native 教程(在 Linux 上开发并针对 Android)时,我遇到了同样的问题。 此问题帮助我通过以下步骤解决了问题。 (在项目目录中) mkdir android/app/src/main/assets react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

2022-05-17 03:49:06    分类:技术分享    android   react-native   react-native-android

react-native run-android on Android < 5

问题 我正在尝试在具有 Android V4.1.1 的模拟器上运行 Android 应用程序,该应用程序在 Android 版本 > 5 中运行正常,但是当我尝试在 Android V4.X 上运行该应用程序时,终端给了我下一个错误: Running adb -s xxx.xxx.xx.xxx:5555 reverse tcp:8081 tcp:8081 error: closed Could not run adb reverse: Command failed: adb -s xxx.xxx.xx.xxx:5555 reverse tcp:8081 tcp:8081 显示该错误后,应用程序显示: Unfortunately, APP_NAME has stopped. 我有最新版本的 Android SDK 和工具。 回答1

2022-05-17 03:13:07    分类:技术分享    android   reactjs   react-native

Prevent navigating twice when clicking a button quickly

问题 我正在使用 react-navigation 并希望防止在用户快速点击/单击按钮时导航到同一屏幕两次。 这是我的减速器: export const navReducer = (state = initialState, action = {}) => { let nextState; switch (action.type) { case TO_LOGIN: nextState = RootNav.router.getStateForAction( NavigationActions.reset({ index: 0, actions: [NavigationActions.navigate({ type: NavigationActions.NAVIGATE, routeName: TO_LOGIN })], key: null }), state); break; case TO_HOME: nextState = RootNav.router.getStateForAction( NavigationActions.reset({ index: 0, actions: [NavigationActions.navigate({ type: NavigationActions.NAVIGATE, routeName: TO_HOME })], }), state)

2022-05-17 02:53:16    分类:技术分享    react-native   react-redux   react-navigation

Pass data From one Scene to another in ReactNaive

问题 我是 react native 的新手,我有两个 Scene OnceScene 和 TwoScene 我想从 OnceScene 导航到 TwoScene,同时我想从第一个到第二个传递一些字符串或数组,所以我写了下面的代码 let nextRoute = { component: TwoScene, title: 'TwoScene', passProps: { myProp: 'bar', searchText: 'pass data', } }; this.props.navigator.push(nextRoute); 您可以看到我在 passProps 中传递字符串,但我如何在 TwoScene 中访问该字符串它看起来很简单,但由于我是新手,所以我不太清楚。 回答1 回答2 您可以将其写入 TwoScene: const { params } = this.props.navigation.state; 在 params 中,你会得到传递数据: params.passProps.myProp

2022-05-17 02:53:08    分类:技术分享    react-native   react-native-android   react-native-ios

React Native Async Await in react-native-sqlite-storage

问题 我对 React native 并不陌生。 在开始之前,我已经阅读了很多教程。 我正在尝试在我的应用程序中创建可以在需要时通过应用程序的屏幕访问的商店。 这是我的文件结构。 index.ios.js /app/index.js /app/store/database.js /app/store/userStore.js index.ios.js import { AppRegistry } from 'react-native'; import App from './app/index'; AppRegistry.registerComponent('AwesomeProject', () => App); /app/index.js import React, { Component} from 'react'; import { Text, View, } from 'react-native'; import userStore from './store/userStore'; import ViewBackground from './components/ViewBackground'; class App extends Component { constructor(props){ super(props); this.isLoggedIn = true;

2022-05-17 02:49:05    分类:技术分享    javascript   sqlite   reactjs   react-native   ecmascript-6

Automating react native apps

问题 我有 1 个 React 本机 webview 应用程序。 我想用那个 1 应用程序生成 X 数量的 WebView 应用程序。 除了最初的品牌 url 和品牌徽标之外,一切都将是相同的。 所以我想编写一个脚本来调用react-native new brandName ,然后使用正确的品牌和品牌 URL 变量从第一个反应原生应用程序中复制所有文件。 (我认为这是可能的?) 其次,我想使用所有相关证书/配置文件在 iTunes Connect/Google Play 上自动创建应用程序。 (有没有办法从命令行在 iTunes 连接中创建应用程序?) 最后推送到 iTunes/谷歌 大家怎么看,这现实吗? 回答1

2022-05-16 22:32:25    分类:技术分享    android   ios   react-native   app-store-connect   google-developers-console