标签: react-native-android

FlatViewManager 在反应原生 android 中的目的是什么?

就我的理解,FlatViewManager 会将其所有子项和自身平展为一个名为 FlatViewGroup 的单一视图。但后来我发现 RCTTextManager 返回 RCTText 作为其阴影节点,而 RCTText 不是虚拟节点。那么 RCTTextManager 会返回 FlatViewGroup 作为它的 viewInstance 吗?FlatViewGroup 中会有视图层次结构吗?我不确定平面的含义是什么。

android react-native react-native-android

0
推荐指数
1
解决办法
176
查看次数

使用 64k+ 方法 React Native Android 应用程序

我在使用 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-native react-native-android

0
推荐指数
1
解决办法
2075
查看次数

com.facebook.react.bridge.ReadableNativeMap 不能转换为 java.lang.Double

我正在使用 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)

fetch react-native react-native-android react-native-ios

0
推荐指数
1
解决办法
7316
查看次数

Razor Pay 在发布模式下在 android 平台上崩溃。它在调试模式下工作正常

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

react-native flutter react-native-android razorpay

0
推荐指数
1
解决办法
762
查看次数

TapGestureHandler 不触发 onHandlerStateChange

onHandlerStateChangeTapGestureHandler. 当 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-native-android react-native-animatable

0
推荐指数
1
解决办法
1264
查看次数

headerShown、headerTitle 和其他选项不适用于屏幕

我是 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

0
推荐指数
1
解决办法
3407
查看次数

如何忽略 React Native 应用程序的“辅助功能”设置?

当我在 iOS 设置中激活“常规 -> 辅助功能”中的“粗体文本”时,一些文本会被裁剪,因为它们变得更大,从而超出了预期的显示区域。

此外,如果我放大“辅助功能 - > 大文本”中的所有文本,突然间,我的应用程序变得完全无法使用,因为所有内容都被向各个方向裁剪,文本占用了大量空间。

但是,当我启用这些设置并转到 TikTok、Wishbones 等应用程序时……我注意到它们似乎不受这些系统更改的影响。

现在没有时间设置所有内容以使我的应用程序响应这些设置,我想知道这些应用程序如何“忽略”这些设置?

accessibility react-native react-native-android react-native-ios

0
推荐指数
1
解决办法
1400
查看次数

运行 react-native run-android --variant=release 后构建失败

任务 执行失败':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)

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

0
推荐指数
1
解决办法
617
查看次数

将 useEffect 与类组件一起使用

我有一个类用于呈现数据库中的用户列表

    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

0
推荐指数
1
解决办法
2010
查看次数

react-native-vector-icons/Feather Icon 总是“?”

早上好,我正在尝试使用库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)

reactjs react-native react-native-android expo

0
推荐指数
1
解决办法
539
查看次数

如何在 React Native fetch blob 中将多个图像上传到 firebase

我有多个存储在数组中的图像(存储在数组中的图像路径)。然后我使用 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

-1
推荐指数
1
解决办法
1855
查看次数

使用 React Native CLI 或 Expo CLI 哪个更好?

实际上,根据我的知识,我是反应本机的初学者,我有两种安装反应本机的选项,即反应本机 CLI 和 Expo CLI。我很困惑哪个更适合初学者安装和使用React Native 应用程序开发,哪个对初学者有更多的支持

reactjs react-native react-native-android react-native-navigation expo

-1
推荐指数
1
解决办法
4887
查看次数