我正在使用 React Native 的 TextInput。我注意到 enableReturnKeyAutomatically 使键盘的返回键被禁用,直到输入一些文本。有没有办法自己控制返回键的禁用状态?
我有一些静态资源文件,我想将它们传递到 iOS 和 Android 中的本机模块。有没有办法传输文件,或者更好的是,有一个 Javascript 和 Native Code 的共享文件夹?
我正在尝试使用react-native-fs和react-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构建应用程序,我必须将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的一个问题,但我不知道如何纠正它.
提前致谢!
如果我想防止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
我正在尝试创建一个简单的 React Native 应用程序:
关于我应该如何去做的任何想法?
我给出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) 我想在地图中移动某个位置时更改我的初始区域,为此我使用了 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
我有一个 React Native 项目,每次运行它(运行,而不是通过构建运行)时,即使代码更改为零,XCode 也不会重建所有内容,而是会重建很多东西,结果是每次我在 XCode 中运行时,我都会开始前等待 4 分钟。类似的问题之前已经被问过,我已经检查过一些东西,例如确保增量构建已打开(我正在使用 Xcode 12.5,新的构建系统)。
每次运行时,我都可以看到 XCode 正在重建每个目标,并且由于它是 React Native 应用程序,所以有很多目标。
这是构建日志记录的示例,大多数内容只需几分之一秒即可构建,但有些内容需要 10、20、30 秒,并且正在构建数百个内容。无论如何,有没有办法在每次运行时阻止它执行所有这些操作?
我是应用程序开发新手,这让我很困惑。
我有一个用react-native 创建的项目,我希望它可用于android 和iOS。我看过一些关于如何为 React Native 后端创建 Firebase 数据库的教程,其中一些在构建应用程序时选择了“Web”版本。
那么,我是否正确地假设我只需要选择“Web”版本,我的应用程序仍然适用于 iOS 和 Android?(我不需要选择 android 和 iOS 版本)
谢谢您的帮助!

firebase react-native react-native-ios google-cloud-firestore
react-native-ios ×10
react-native ×9
xcode ×2
assets ×1
cocoapods ×1
firebase ×1
ios ×1
javascript ×1
reactjs ×1
share ×1