标签: react-native-ios

我有一个 ReactNative 应用程序（仅针对 iOS 发布），它使用ExpoSecureStore来放置和读取 iOS 钥匙串中的值。

我正在过渡到 Flutter，我需要保持用户登录状态，即从之前安装的 RN 版本的应用程序中获取他们的身份验证令牌。

所以，这就是我所做的：

1. 我从 App store 安装了 RN 应用程序，
2. 登录（令牌用ExpoSecureStore保存），
3. 安装我的 Flutter 应用程序
4. 尝试访问钥匙串 - 未找到任何内容！
5. 从 App store 重新安装 RN 应用程序，
6. 当我打开应用程序时，用户已登录！

因此，我的 Flutter 安装不会删除令牌，但无法访问它们。

2020 年 3 月 18 日更新。

以下是ReactNative在 AppstoreConnect 上的最新版本：

以下是我们的Flutter构建的相同信息：

我尝试将 Flutter 的 XCode 项目中的钥匙串组设置为各种值：TEAM_ID.*、TEAM_ID.、TEAM_ID、*等TEAM_ID.com.my_real_app_id。但没有任何帮助

我有什么遗漏的吗？

==============原来的问题继续================

我正在使用FlutterSecureStoragePlugin（链接到.m文件）来访问钥匙串值。

以下是GitHub 上的EXSecureStore.m文件EXSecureStore.m的链接。 …

我只想使用 Lottie View 在 React Native 中播放动画的一部分，长度约为 5 秒，而速度= {1} 我只想播放前 3 秒，然后转到下一个屏幕，代码如下

徽标屏幕.js：

import React from 'react';
import { StyleSheet, View, Image, TextInput, StatusBar, Text } from "react-native";
import Icons from 'react-native-vector-icons/Ionicons';
import LottieView from "lottie-react-native";

export default class ChatScreen extends React.Component {

  onAnimationFinish = () => {
    this.props.navigation.navigate("Login")
  }
  render () {
    return (
      <View style={styles.container}>
        <StatusBar barStyle="light-content" backgroundColor="#161f3d" />
        <View>
          <LottieView
            source={require('../assets/animations/lottie/MotionCorpse-Jrcanest.json')}
            style={{ justifyContent: "center", alignSelf: "center", height: "100%", width: "100%" }}
            autoPlay
            loop={false}
            speed={1}
            onAnimationFinish={this.onAnimationFinish}
          /> …

我想在我的react-native项目中使用自定义字体，但我在ios模拟器上遇到错误我该如何解决它
我尝试了各种方法但找不到解决方案。

无法识别的字体系列：sfproregular

错误： 错误截图

项目结构： 项目结构截图

反应本机.config.js

module.exports = {
    project: {
      ios: {},
      android: {}, // grouped into "project"
    },
    assets: ["./assets/fonts/"], // stays the same
  };

版本

 "react": "16.13.1",
    "react-native": "0.63.2",
    "react-native-gesture-handler": "^1.7.0",
    "react-native-phone-input": "^0.2.4",
    "react-navigation": "^4.4.0"

我想使用“Welcome.js”中的字体

欢迎.js

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  Image,
  StatusBar,
  TouchableOpacity,
  Button,
  ImageBackground,
} from 'react-native';

import Logo from '../components/WelcomeLogo';

import arkaplan from '../assets/images/arkaplan.png';


export default class Welcome extends React.Component {

  render() {

  return ( …

我刚刚更新了 Xcode（至版本 12.5 (12E262)），并在我的 React Native 项目中收到此错误。

我到处搜索，但没有找到任何东西，而且我没有任何使用 Swift/Objective-C 的经验来自己解决这个问题。

如果有帮助的话，这是一个屏幕截图：

谢谢你的帮助。

你好,世界,

我试图在React-native Doc上裁剪像解释一样的图像

<Image source={{uri: this.props.image, crop: {left: 50, top: 50, width: 100, height: 100}}} style={{height: 100, width: 100}}/>

但它不起作用图像不被裁剪.

任何的想法？

我正在使用动画,以便弹出窗口从右侧进入.我正在使用以下代码 -

  var toValue = 200;

  if(this.state.fileMenu){
    toValue = 0;
  }

  Animated.spring(
    this.state.bounceValue,
    {
      toValue: toValue,
      velocity: 3,
      tension: 2,
      friction: 5,
    }
  ).start();
  //I want to call a function here after the animation is finished.

  this.setState({fileMenu: !this.state.fileMenu});

代码工作得很好,看起来很棒,但是,我现在想要只在动画完成时调用一个函数,并且严格只调用一次.只是想知道我怎么能这样做？不确定这是否是一个非常简单的问题.

我为TextInput创建了通用类，并多次使用了它，但是它的事件句柄具有相同的方法。我想在将数据填充到textInput中之后处理数组数据。

在这里添加了多个textField和single handleAddMore。如何识别哪个textInput称为handleAddMore。

textField组件根据数组数据动态添加。现在，当用户编辑textInput时，我想在特定索引上标识textInput和更新的数组文本。

let addMoreCompView = this.state.dataAddMore.map((data ,index) =>{
 return(
   <View style ={[styles.commonMargin ,{flexDirection : 'row',marginTop : 2 , height : 40, backgroundColor : Globle.COLOR.INPUTCOLOR}]}>
     <View style = {{height : '100%' , width : '80%' , justifyContent: 'center' ,alignItems: 'flex-start', flexDirection : 'column'}}>
         <TextInput style = {{fontFamily: 'Gotham-Light',fontSize : 14 ,color: Globle.COLOR.BACKCOLOR , paddingLeft : 20}}
              underlineColorAndroid = "transparent"
              placeholder = 'Please enter emailID.'
              placeholderTextColor = 'black'
              autoCapitalize = "none"
              keyboardType = "email-address"
              onSubmitEditing ={Keyboard.dismiss}
              onChangeText …

region: new MapView.AnimatedRegion({
        longitude: 4.70821527747714,
        latitudeDelta: 1.384276459048536,
        latitude: 43.31340937725116,
        longitudeDelta: 2.066803805399701,
      });
....................
....................
this.state.region
    .timing({
      latitude: region.latitude._value,
      longitude: region.longitude._value,
      latitudeDelta: 0.5,
      longitudeDelta: 0.5,
    })
    .start();

this.setState({
  zoomLevel: 8,
  regionUpdated: true,
});

这就是我在react-native中使用的。

我想在动画结束后调用setState函数。但是现在，它在动画过程中被调用。

我认为如果动画功能是Promise功能会很棒。但我不确定。

我怎么解决这个问题？

Env：使用https://github.com/react-community/create-react-native-app生成的样板安装Mac OS X nodejs 8.9.1 Xcode

症状：React Native卡在了加载依赖关系图上，完成了，当转到localhost：8081时，我看到React Native打包程序正在运行。

而且，即使我等待了将近5分钟，我所做的npm start事情之后的命令行也Loading dependency graph, done.仍然停留在那儿。

我在ios项目中使用本地本机。我可以在chrome控制台中查看来自react native的所有日志，以及一些在xcode中自动生成的日志。

我最近在应用中使用Firebase动态链接时遇到问题。有一个本机模块LinkManager，该模块基本上处理到该应用程序的所有动态链接，并将已解析的url或深度链接发送到我的应用程序。

但这是行不通的，我知道问题出在处理该问题的本机模块内部。

但是，当我尝试提供NSLogs时，xcode控制台或模拟器控制台（cmd + /）中都没有输出。我想知道如何调试xcode中的本机代码。