标签: react-native-ios

有谁知道如何在React Native中实现对动态类型的支持？

理想情况下,我们希望在有人更改系统字体大小并执行某种类型的回调时进行侦听.

或者甚至更好,防止在某些组件上实现Font Scaling.

我试图通过对表达式进行检查来验证用户的电子邮件.但我得到的结果对所有条目都无效.

更新的代码

class dummytest extends Component{

  constructor(props){
    super(props);
    this.state = {
                email :'',
                validated: false ,
                 }
  };

go = () => {
           const reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
           if (reg.test(this.state.email) === true){
               alert( valid);
           }
           else{
               alert();
           }
 }
  render(){
       return(
         <View style={{alignSelf:'center',marginTop:100}}>
              <TextInput autoCapitalize="none" autoCorrect={false} style={{height:20,width:200,backgroundColor:'blue'}} value={this.setState.email}/>

              <Button onPress={this.go.bind(this)}>
                 <Text> GO </Text>
              </Button>
          </View>

       );
    }
}

我正在为我们的应用程序进行更新.我添加了一个HeadlessTask,我开始在控制台中看到这个警告:

React: Calling JS function after bridge has been destroyed

如何获取正在执行的函数的名称？

我一直在使用React Native开发应用程序,当我切换到Mac环境来设置ios的配置时,在完成所有设置之后,应用程序会很快打开并在安装后关闭,显示由反应驱动原生屏幕.我注意到在我的打包程序屏幕中,显示已加载了多少进度的包中的行不会出现,就好像它从未加载过一样.如果我尝试从Xcode运行代码,也会发生同样的事情.

这是我正在谈论的屏幕,对于我开始用于比较目的的测试项目:

这里是我的应用程序的相同屏幕,没有显示进度指示器:

我尝试遵循社区为类似问题提供的一些解决方案,但没有一个有效.请注意,终端窗口中不会显示任何错误消息,就好像构建和安装已成功完成一样.

有人可以帮我这个吗？我已经使用这个应用程序了很长一段时间,因为本机似乎总是崩溃并为我显示错误消息.任何帮助将非常感激 :)

编辑:忘了提到我正在尝试在模拟器上运行应用程序,因为我没有实际的设备.

我试图建立一个评论页面在我的应用程序,我想有评论输入栏坐在键盘上像Facebook,Instagram的,Strava和许多其他应用程序具有的顶部.但是当键盘进来时,它在顶部有如下建议:

我想在这里禁用键盘上方的建议,以便我可以将我的textinput放在键盘顶部.这在React-Native中是否可行？

React-Native:0.44.0

我的文本中发生了一个有趣的错误.出于某种原因,文本被随机切断,如下所示:

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'flex-start',
    backgroundColor: "#ecf0f1",
    width:"100%",
    paddingTop:"5%"
  },
  itemContainer: {
    backgroundColor:"#fff",
    margin:"5%",
    marginTop: 0,
    borderRadius:5,
    width: "90%"
  },
  itemHeaderContainer: {
    padding:15,
    borderColor: "#E4E2E9",
    borderBottomWidth: 1
  },
  itemHeaderText: {
    height:'auto',
    color:"#333",
    fontSize: 23,
    fontWeight: "800",
  },
  itemButtonContainer: {padding:13, flexWrap: 'wrap',  alignItems: 'flex-start', flexDirection:'row'},
  itemButtonText: { fontSize:19, color:"#fff", fontWeight:"800" },
  itemCreateButton: { backgroundColor:"#3F61E7", borderRadius: 5, paddingVertical:10, paddingHorizontal:15},
});

renderTemplate() {
  if(this.state.loaded) {
    return (
      <View style={{width:"100%"}}>

      <View style={styles.itemContainer}>
        <View style={[styles.itemHeaderContainer, {borderBottomWidth: 0}]}> …

当我试图在ios-simulator上构建我的应用程序时,它说:

捆绑失败:SyntaxError:/Users/MyName/MyApp/node_modules/react-native/node_modules/react-native/Libraries/Components/Switch/Switch.js:nullishCoalescingOperator目前尚未启用对实验语法的支持(167:52):

 165 |         {...props}
  166 |         {...platformProps}
> 167 |         accessibilityRole={props.accessibilityRole ?? 'button'}
      |                                                    ^
  168 |         onChange={this._handleChange}
  169 |         onResponderTerminationRequest={returnsFalse}
  170 |         onStartShouldSetResponder={returnsTrue}

Add @babel/plugin-proposal-nullish-coalescing-operator (https://git.io/vb4Se) to the 'plugins' section of your Babel config to enable transformation.

我做了它说的,但它没有帮助...任何帮助将不胜感激.