标签: react-native-ios

在本机反应中启用/禁用返回键类型

我正在使用 React Native 的 TextInput。我注意到 enableReturnKeyAutomatically 使键盘的返回键被禁用,直到输入一些文本。有没有办法自己控制返回键的禁用状态?

javascript react-native react-native-ios

6
推荐指数
1
解决办法
3666
查看次数

将资产文件传递到 React-Native 中的本机模块

我有一些静态资源文件,我想将它们传递到 iOS 和 Android 中的本机模块。有没有办法传输文件,或者更好的是,有一个 Javascript 和 Native Code 的共享文件夹?

assets react-native react-native-ios

6
推荐指数
0
解决办法
332
查看次数

使用 react-native-fs 将文件从 tmp 移动到文档

我正在尝试使用react-native-fsreact-native-document picker将从文档选择器中选择的文件移动到文档目录。

但是,我收到以下错误:

Error: “file name.mp3” couldn’t be moved to “Documents” because either the former doesn't exist, or the folder containing the latter doesn't exist.
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

仅供参考,我正在使用iOS。

openDocumentPicker() {
  DocumentPicker.show({
    filetype: ['public.audio'],
  },(error,url) => {
    console.log(url);
    this.saveAudio(url);
  });

}

saveAudio(url) {

  var destPath = RNFS.DocumentDirectoryPath + '/' + 'name';

  RNFS.moveFile(url, destPath)
    .then((success) => {
      console.log('file moved!');
    })
    .catch((err) => {
      console.log("Error: " + err.message);
    });
}
Run Code Online (Sandbox Code Playgroud)

react-native react-native-fs react-native-ios

6
推荐指数
1
解决办法
6729
查看次数

React Native iOS pod设置具有重复的目标问题

我正在使用React Native构建应用程序,我必须将pod依赖项添加到我的项目中.我遵循了一个关于如何使用全新的react-native init项目初始化pod 的教程.这是我的Podfile的内容:

target 'MyProject' do

  target 'MyProject-tvOSTests' do
    inherit! :search_paths
  end

  target 'MyProjectTests' do
    inherit! :search_paths
  end

end

target 'MyProject-tvOS' do

  target 'MyProject-tvOSTests' do
    inherit! :search_paths
  end

end
Run Code Online (Sandbox Code Playgroud)

然后我跑pod install,我得到这个错误:

目标MyProject-tvOSTests被声明两次.

我认为这是react-native init的一个问题,但我不知道如何纠正它.

提前致谢!

xcode ios cocoapods react-native react-native-ios

6
推荐指数
1
解决办法
3139
查看次数

React Native 防止触摸冒泡到父元素

如果我想防止View组件上的 onPress 事件传播到Touchable以下Sample组件的父级,除了将子视图包装在一个中之外,最好的选择是Touchable什么?

export default function Sample (): Element<*> {
  return(
    <TouchableOpacity>
      <View>
        <Text>Sample</Text>
      </View>
    </TouchableOpacity>
  );
}
Run Code Online (Sandbox Code Playgroud)

react-native react-native-android react-native-ios touchableopacity touchablehighlight

6
推荐指数
1
解决办法
2195
查看次数

使用按钮更改文本颜色

我正在尝试创建一个简单的 React Native 应用程序:

  1. 呈现“你好,[名字]!” 当用户输入姓名时(这部分有效)
  2. 更改“你好,[姓名]!” 按下按钮时的文本颜色。

关于我应该如何去做的任何想法?

我给出this了黑色的初始状态,但这似乎没有任何作用。

我想要发生的是在单击红色按钮时触发 makeRed,这将使文本变为红色。一旦我完成这项工作,我将添加更多颜色按钮。

谢谢!

请参阅下面的我的 App.js 代码。所有其他文件都保持默认状态。

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

export default class App extends Component<{}> {
  constructor(props) {
    super(props);
    this.state = {
      text: 'World',
      color: 'black'
    };
  }

  makeRed = () => {
    this.setState({
      color: 'red'
    });
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={[styles.welcome, {color: undefined}]}>
          Hello, {this.state.text}!
        </Text>
        <TextInput …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-native-ios

6
推荐指数
1
解决办法
5277
查看次数

onRegionChangeComplete 函数使用 React Native 地图多次调用

我想在地图中移动某个位置时更改我的初始区域,为此我使用了 onRegionChangeComplete 功能,但它一次调用两次或三次。

这是我的代码:

onRegionChangeComplete(region) {
    if(!this.state.initialRegionChange){
      console.log("changeRegion:"+JSON.stringify(region))
      var initialRegion = {
        latitude: region.latitude,
        longitude :region.longitude,
        latitudeDelta: LATITUDE_DELTA,
        longitudeDelta: LONGITUDE_DELTA
      }
      var lat = parseFloat(region.latitude)
      var lang = parseFloat(region.longitude)
    }else{
      this.setState({
        initialRegionChange:false
      })
    }
  }

render(){
  return(
    <MapView
          ref="map"
          style={styles.map}
          initialRegion={this.state.region}
          provider={MapView.PROVIDER_DEFAULT}
          zoomEnabled={true}
          onRegionChangeComplete={this.onRegionChangeComplete.bind(this)}
          pitchEnabled={true}
          showsCompass={true}
          showsBuildings={true}
          showsUserLocation={true}
          showsTraffic={true}
          showsIndoors={true}
          />
    )
}
Run Code Online (Sandbox Code Playgroud)

请给我建议如何解决这个问题。

非常感谢任何帮助。

这是我正在关注的模块链接。 https://github.com/react-community/react-native-maps

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

6
推荐指数
2
解决办法
4532
查看次数

在 React-Native 上共享工作表图标

我环顾过我能想到的所有地方,但我一生都无法找到如何更改react-native内部共享表中出现的图标。

这甚至可以定制吗?我很想把应用程序的图标放在那里。

分享图标

share react-native react-native-ios

6
推荐指数
1
解决办法
1546
查看次数

React Native XCode 项目无需任何更改即可重建

我有一个 React Native 项目,每次运行它(运行,而不是通过构建运行)时,即使代码更改为零,XCode 也不会重建所有内容,而是会重建很多东西,结果是每次我在 XCode 中运行时,我都会开始前等待 4 分钟。类似的问题之前已经被问过,我已经检查过一些东西,例如确保增量构建已打开(我正在使用 Xcode 12.5,新的构建系统)。

每次运行时,我都可以看到 XCode 正在重建每个目标,并且由于它是 React Native 应用程序,所以有很多目标。

这是构建日志记录的示例,大多数内容只需几分之一秒即可构建,但有些内容需要 10、20、30 秒,并且正在构建数百个内容。无论如何,有没有办法在每次运行时阻止它执行所有这些操作?

在此输入图像描述

xcode react-native-ios

6
推荐指数
1
解决办法
554
查看次数

Firebase Web 与 iOS 和 Android 版本的 React Native 项目

我是应用程序开发新手,这让我很困惑。

我有一个用react-native 创建的项目,我希望它可用于android 和iOS。我看过一些关于如何为 React Native 后端创建 Firebase 数据库的教程,其中一些在构建应用程序时选择了“Web”版本。

那么,我是否正确地假设我只需要选择“Web”版本,我的应用程序仍然适用于 iOS 和 Android?(我不需要选择 android 和 iOS 版本)

谢谢您的帮助!

Firebase 应用版本

firebase react-native react-native-ios google-cloud-firestore

6
推荐指数
1
解决办法
1178
查看次数