就我的理解,FlatViewManager 会将其所有子项和自身平展为一个名为 FlatViewGroup 的单一视图。但后来我发现 RCTTextManager 返回 RCTText 作为其阴影节点,而 RCTText 不是虚拟节点。那么 RCTTextManager 会返回 FlatViewGroup 作为它的 viewInstance 吗?FlatViewGroup 中会有视图层次结构吗?我不确定平面的含义是什么。
我在使用 react-native run-android 运行 RN Android 应用程序时遇到问题
它在构建阶段抛出异常并且无法找出问题所在。
Execution failed for task ':react-native-firebase:transformClassesWithDexForDebugAndroidTest'.
> com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException: java.util.concurrent.ExecutionException: com.android.dex.DexIndexOverflowException: method ID not in [0, 0xffff]: 65536
Run Code Online (Sandbox Code Playgroud)
我在网上尝试了各种解决方案,一切都在进行中。尝试过的解决方案是启用 multiDex 并增加 dexOptions 中的 javaMaxHeapSize。
此错误可被视为依赖于库或组件,但它会发生在任何类型的超过 64k 限制的应用程序中。
还有一件事:它在 Android Studio 中编译没有任何问题
我正在使用 React 的 fetch() 方法登录到我的服务。到目前为止,我已经完成了以下工作,您可以查看我的东西:
_callApiForLogin = () => {
ToastAndroid.show('Logging In...', ToastAndroid.SHORT);
let data = new FormData();
data.append('username', "sssss");
data.append('password', "123456");
data.append('device_token', "hjkhjkhjkkksdkjhkjhksdsfs");
data.append('device_type', "2");
fetch('https://612.33.196.54/~yes/master/api/web/login', {
method: 'POST',
body: data,
}).then((response) => response.json())
.then((responseJson) => {
ToastAndroid.show('Logging In...', responseJson);
if (responseJson.status === '1') {
ToastAndroid.show('Logging Successful' + responseJson, ToastAndroid.SHORT);
}
return responseJson.status;
})
.catch((error) => {
console.error(error);
});
}
Run Code Online (Sandbox Code Playgroud)
但是,响应低于错误。
错误:com.facebook.react.bridge.ReadableNativeMap 无法转换为 java.lang.Double
来自服务的响应如下:
{
"status": 1,
"data": {
"id": "551",
"first_name": "sssss",
"last_name": "lastname",
"email": "ja@gmail.com",
"username": …Run Code Online (Sandbox Code Playgroud) Razor Pay 在发布模式下在某些设备上的 android 中崩溃。当我们处于调试模式时,一切似乎都运行良好,但在发布模式下会崩溃。
在路径上没有找到类“com.razorpay.G_G”:DexPathList[[zip 文件“/data/app/in.abc.app-6JaCLtUU8i_xpQjmYbg4bQ==/base.apk”,zip 文件“/data/app/in .abc.app-6JaCLtUU8i_xpQjmYbg4bQ==/split_config.armeabi_v7a.apk", 压缩文件 "/data/app/in.abc.app-6JaCLtUU8i_xpQjmYbg4bQ==/split_config.en.apk",
请帮忙。
"react-native-razorpay": "^2.1.25",
"react-native": "^0.59.8",
Android 操作系统是Android PI,设备名称是Samsung S10
我onHandlerStateChange在TapGestureHandler. 当 onHandlerStateChange 被触发时,我想改变里面一个按钮的不透明度TapGestureHandler。
<View style={{ height: height / 3, justifyContent: 'center' }}>
<TapGestureHandler onHandlerStateChange={ this.onStateChange }>
<Animated.View
style={{ ...styles.button, opacity: this.buttonOpacity }}>
<Text style= {{ fontSize:16, fontWeight: 'bold' }}>GET STARTED</Text>
</Animated.View>
</TapGestureHandler>
</View>
Run Code Online (Sandbox Code Playgroud)
在里面this.onStateChange我有以下代码来改变不透明度。
constructor(props) {
super(props);
this.state={
}
this.buttonOpacity = new Value(1)
this.onStateChange = event([{
nativeEvent: ({ state }) =>
block([
cond( eq(state, State.END), set(this.buttonOpacity, 0) )
])
}])
}
Run Code Online (Sandbox Code Playgroud)
我正在使用 android studio 模拟器并尝试使用react-native run-android并导入运行 android 应用程序
import …Run Code Online (Sandbox Code Playgroud) 我是 React Native 的新手,我正在尝试创建一些仅用于学习和测试的东西......
现在,我正在尝试创建一个带有登录屏幕和“登录区域”中的其他一些屏幕的应用程序。所以,我想在“记录区域”屏幕上使用标题栏,而不是在登录屏幕上。
为此,我正在尝试使用 React-Navigation,并在Stack.Screen. 但是不工作...
这是我当前的代码:
[...]
const Stack = createStackNavigator();
[...]
<NavigationContainer>
<Stack.Navigator headerMode="screen">
<Stack.Screen headerTitle="Test" headerShown={false} screenOptions={{headerTitle: 'Test', headerShown: false}} name="Login" component={Login} />
</Stack.Navigator>
</NavigationContainer>
[...]
Run Code Online (Sandbox Code Playgroud)
我正在测试headerTitle和是否headerShown作为财产或作为screenOptions' 选项工作......但没有任何效果。
现在,我的屏幕在标题中有一个“登录”标题(忽略headerTitle属性和选项)并显示标题(忽略headerShown属性和选项)。
有人能告诉我我做错了什么吗?
react-native react-native-android react-navigation react-navigation-stack
当我在 iOS 设置中激活“常规 -> 辅助功能”中的“粗体文本”时,一些文本会被裁剪,因为它们变得更大,从而超出了预期的显示区域。
此外,如果我放大“辅助功能 - > 大文本”中的所有文本,突然间,我的应用程序变得完全无法使用,因为所有内容都被向各个方向裁剪,文本占用了大量空间。
但是,当我启用这些设置并转到 TikTok、Wishbones 等应用程序时……我注意到它们似乎不受这些系统更改的影响。
现在没有时间设置所有内容以使我的应用程序响应这些设置,我想知道这些应用程序如何“忽略”这些设置?
accessibility react-native react-native-android react-native-ios
任务 执行失败':app:installRelease'。
com.android.builder.testing.api.DeviceException:
com.android.ddmlib.InstallException: INSTALL_FAILED_INVALID_APK: Package
couldn't be installed in /data/app/com.example: Package
/data/app/com.example/base.apk code is missing
Run Code Online (Sandbox Code Playgroud) 我有一个类用于呈现数据库中的用户列表
export default class Users extends React.Component {
constructor() {
super()
this.state = {
data : [] //define a state
}
}
renderUsers = () => {
useEffect(() => {
fetch('exemple.com')
.then((response) => response.json())
.then((json) => this.setState({data: json.result})) // set returned values into the data state
.catch((error) => console.error(error))
}, []);
return this.state.data.map((value,key)=>{ // map state and return some views
......
})
}
render() {
return (
<View style={{ flex: 1 }}>
{this.renderUsers()} //render results
</View>
);
}
}
Run Code Online (Sandbox Code Playgroud)
问题是这段代码会抛出以下错误: …
javascript react-native react-native-android react-native-ios
早上好,我正在尝试使用库https://github.com/oblador/react-native-vector-icons#installation
import Icon from 'react-native-vector-icons/Feather';
Run Code Online (Sandbox Code Playgroud)
在我安装它并遵循安装的每一步之后
我尝试使用以下代码通过 expo 运行它:
function BottomTabNavigator1() {
return (
<Tabs.Navigator
tabBarOptions={
{
activeTintColor: "#2F7C6E",
inactiveTintColor: "#222222"
}
}
apperance={
{
whenInactiveShow : "both"
}
}
>
<Tabs.Screen name="HomeScreen" component={HomeScreen}
options={
{
tabBarIcon: ({ focused, color, size }) => (
<Icon
name="Home"
size={size ? size : 12}
color={focused ? color : "#222222"}
focused={focused}
color={color}
/>
)
}
}
/>
<Tabs.Screen name="DefaultScreen" component={DefaultScreen}
options={
{
tabBarIcon: ({ focused, color, size }) => (
<Icon
name="Rocket"
size={size …Run Code Online (Sandbox Code Playgroud) 我有多个存储在数组中的图像(存储在数组中的图像路径)。然后我使用 for 循环上传每张图片,但只上传最后一张图片。我使用 react native fetch blob 和 firebase
for(var i = 0; i < this.state.imagesUri;i++){
Blob.build(RNFetchBlob.wrap(this.state.imagesUri[i].path),{ type : 'image/jpeg' })
.then((blob) => firebase.storage()
.ref("userPhoto").child("image"+i)
.put(blob, { contentType : 'image/png' }).then(()=>{
var storage = firebase.storage().ref("userPhoto/").child("image"+i);
storage.getDownloadURL().then((url)=>{
var url = url;
});
})
);
}Run Code Online (Sandbox Code Playgroud)
javascript react-native react-native-android firebase-storage
实际上,根据我的知识,我是反应本机的初学者,我有两种安装反应本机的选项,即反应本机 CLI 和 Expo CLI。我很困惑哪个更适合初学者安装和使用React Native 应用程序开发,哪个对初学者有更多的支持
reactjs react-native react-native-android react-native-navigation expo
navigation-drawer reactjs react-native react-native-android react-native-navigation