小编Ali*_*lov的帖子

反应原生我有些麻烦.我有一个输入组件(如文本字段)供用户输入他的电子邮件地址,但事实是,第一个字母总是作为大写字母默认,并且不可能使它成为非资本.我怎么能改变它,因为第一个字母也可以很小？

我正在使用React-Native.Android Picker组件遇到了麻烦。我Picker从Native-Base图书馆使用。这是我的Picker代码及其父视图。

<View style={{height: 40, marginTop: 20}}>

                    <Label style={{fontWeight: 'bold', color: '#d7d7d7'}}>Phone</Label>
                    <View style={{flexDirection: 'row',width: '100%',borderWidth: 1, borderColor: '#d7d7d7', height: 40}}>
                        <View style={{flexDirection: 'row',width: '30%', height: '100%' ,backgroundColor: '#d7d7d7', alignItems: 'center'}}>
                            <Picker style={{width: 100, height: '100%', marginLeft: 5}}
                                    selectedValue={this.state.selectedCountry}
                                    onValueChange={(value)=>this.onCodeChanged(value)}>
                                <Picker.Item label={<Text style={{alignItems: 'center', flexDirection: 'row'}}>
                                    <Thumbnail square style={{width: 30, height: 20, marginTop: 5}} source={require('../assets/+90.png')}/> +90</Text>} value="+90"/>
                                <Picker.Item label={<Text style={{alignItems: 'center', flexDirection: 'row'}}>
                                    <Thumbnail square style={{width: 30, height: 20, marginTop: 5}} source={require('../assets/+44.png')}/> +44</Text>} …

我是本机反应的新手。我有一个文本字段（输入）。当用户单击输入字段以外的其他地方时，我希望键盘被解除。我尝试了这里建议的几种解决方案，如 TouchableWithoudFeedback，但它们没有奏效。另外，我不清楚的一点是，我可以在 onFocus 中使用任何函数，另一方面，在 onBlur 或 onEndEditing 中没有任何作用这是我的 Input 组件代码。

<InputGroup borderType='rounded' style={styles.inputGrp}>
                                    <Input placeholder={'Password'} secureTextEntry={true} style={styles.input}
                                           onChangeText={(pin1) => this.setState({pin1: pin1})}
                                           value={this.state.pin1}
                                           maxLength={8}
                                    />

在React-Native项目中,我有一个Native Base的Input组件,我希望这个组件只取数字值0-9并给出这个字段的默认值,我找了关于这个问题的其他问题,我不知道那些可能是那些答案是'textInput'组件或某种方式的建议对我不起作用？你能帮我吗？

您知道如何将React-Native Picker组件的初始值设置为空.我的意思是它不应该显示任何选择的项目.

在我的react-native应用程序中，我需要拍照并将其保存到新的自定义相册中。不能通过菜单上的照片访问相册，因此我需要将相册设为私有，因此只能通过应用程序本身访问捕获的照片。我在网上搜索过，我猜可以用react-native-fs或来实现react-native-fetch-blob，但似乎只能在上使用Android。但这不是我真正需要的。您能提供任何文档，示例，代码或其他任何内容来帮助我吗？

这是我当前Camera已经创建的组件，用户可以在其中拍照，将其保存到相机胶卷中，并在需要时访问照片。

import React, { Component } from 'react';
import {CardItem, Content, Container, Body, Left, Icon,  Header, Right, Footer, FooterTab, Button } from 'native-base';
import {
    Platform,
    StyleSheet,
    Dimensions,
    Text,
    ListView,
    View,
    Alert,
    TouchableOpacity,
    Image,
    CameraRoll,
    ScrollView
} from 'react-native';
import {Actions} from 'react-native-router-flux';

import { RNCamera } from 'react-native-camera';
const instructions = Platform.select({
    ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
    android: 'Double tap R …

我正在使用React Native开发一个应用程序.除了模拟器,我还需要在真实设备上测试应用程序.很明显,在Android设备上测试应用程序很容易,但我不知道如何在iPhone设备上测试我的应用程序.有没有办法在没有Apple Developer帐户的iPhone上测试应用程序？

在我的 ReactJs Web 应用程序中，我在特别使用AntTable. 我搜索了一下，据我所知这个错误是无害的，可以忽略。而且这种情况只发生在 Chrome 中，其他浏览器不会发生。但是，对我来说，问题是我已经集成Sentry到我的应用程序中来监视和处理错误。我的大多数用户都使用 Chrome 作为浏览器，因此我的哨兵报价很快就受到限制。忽略此特定错误的最佳方法是什么？现在，我正在尝试找到一些好的解决方案，而不是if向我的代码脚本添加脏语句引发错误以检查这是否是“ResizeObserver”错误。我只是不想这样做，是否还有其他解决方案？

如果需要，我还可以分享有关我的应用程序的任何其他详细信息 - 包括代码。

这是应用程序将捕获的错误发送到的函数Sentry。

  init() {
    if (env.ENV === 'production' && !this.isInitialized) {
      this.isInitialized = true;
      Sentry.init({
        release: env.REACT_APP_VERSION,
        dsn: env.SENTRY_DSN,
        beforeSend(event) {
          const { request: { url }, exception: { values } } = event;
          if (
            url.includes('login') &&
            values[0].type === 'UnhandledRejection' &&
            values[0].value.includes('Non-Error promise rejection captured with keys')
          ) {
            return null;
          }

          return event;
        },
      });
    }
  }

我尝试应用包装代码的解决方案requestAnimationFrame …

我是本机反应的新手。

我现在在键盘上苦苦挣扎。我有TextInput和一个按钮。我想要的是，当用户通过键盘输入输入时，他/她只需单击返回按钮即可进入下一页。因此，我只想在用户单击键盘上的“返回”按钮时调用onSubmit方法。有没有人可以帮助我？

我添加了新的字体 - 'SourceSansPro'(从GoogleFonts获得)到我的React-Native项目.但我在IOS模拟器上遇到"无法识别的字体系列"错误.关于这个问题有很多不同的建议,例如删除构建项目或查看字体是否在info.plist中定义或执行'react-native-link'等.但是,它们都不适用于我的案例.此外,有些人提到,虽然它不能通过CLI工作,但它可以直接通过Xcode执行.然而,它对我不起作用.我困扰了这个问题将近5个小时.最后,我想也许有人可以在这里帮助我.

你有什么建议吗？

在我的应用程序中，我正在使用react-select组件来选择城市功能。组件渲染土耳其城市。因此，一些城市名称以土耳其语字符“\xc4\xb0-i”开头。一切正常。但问题是，当我输入小写“i”时，我无法获得以“\xc4\xb0”开头的城市名称，例如\xc4\xb0zmir、\xc4\xb0stanbul。

这是我的组件

import Select from \'react-select\';\nimport {\n  FormGroup,\n  Input,\n  Label,\n  Col,\n} from \'reactstrap\';\n\n<FormGroup row>\n  <Col xs="12" md="9">\n    <Label htmlFor="text-input">{t(\'RESTAURANT_DETAILS.GENERAL_INFO.CITY\')}</Label>\n    <Select\n      placeholder={i18n.t(\'CHOOSE_CITY\')}\n      isDisabled={!this.state.editable || accountingLoading}\n      options={this.state.cities.map(city => ({\n        value: city.code,\n        label: city.city,\n      }))}\n      value={this.state.city}\n      onChange={val => this.onCitySelected(val)}\n    />\n  </Col>\n</FormGroup>\n

因此，要获取这些城市，我应该输入完全大写的“\xc4\xb0”。有什么办法可以解决这个问题吗？我被这个烦人的错误困住了。

以下是案例截图。

https://cdn1.imggmi.com/uploads/2019/9/1/fa7b5ca6e264501abb395b4ac38c753d-full.png

https://cdn1.imggmi.com/uploads/2019/9/1/4c6f5c8e1c891a3d2ae8ee38dbfadb79-full.png

https://cdn1.imggmi.com/uploads/2019/9/1/0c3ae965754e60a015ea048ddd081f51-full.png

https://cdn1.imggmi.com/uploads/2019/9/1/7ee3c8187ea4830386ff45cbd40ee126-full.png

--- 更新 --- \n我解决了，伙计们。

我将其添加为下面的答案。

我对React-Native很新.我正在尝试通过实现'react-native drawer'组件将sideBar/hamburger菜单添加到我的应用程序中.首先,我试图将GitHub中的示例代码添加到我的新测试项目中,以了解它是如何工作的.我面对屏幕上的错误.

如果我得到一些帮助,那会让我很开心.或者你能告诉我更简单的方法来实现我的项目的sideBar /汉堡菜单.

import Drawer from 'react-native-drawer';
import React, {Component} from 'react';
import SideBarContent from '../common/SideBarContent';
import {Text,View} from 'react-native';

class SideBar extends Component{

    closeControlPanel = () => {
        this._drawer.close()
    };
    openControlPanel = () => {
        this._drawer.open()
    };

    render()
    {
        const drawerStyles = {
            drawer: { shadowColor: '#000000', shadowOpacity: 0.8, shadowRadius: 3},
            main: {paddingLeft: 3},
        }


        return (
            <Drawer
                type="static"
                content={<SideBarContent/>}
                openDrawerOffset={100}
                styles={drawerStyles}
                tweenHandler={Drawer.tweenPresets.parallax}
            >
                <View><Text>Drawer</Text></View>
            </Drawer>
        );
    }
}

这是我的SideBarContent组件.

import React, {Component} from 'react';
import {Text,View} from …

我对 MySQL 中的订单表设计有疑问。我有 ORDERS 表

Order_id | Customer_id | Total_Price | 
--------------------------------------

在另一边我有桌子 PRODUCT

Product_id | Product_name | available_amount 
------------------------------------------

一个订单可以包含多个不同的产品。那么，如何更改或更新我的数据库设计，以便我可以有效地访问包含所有产品的任何订单？我应该创建单独的表名 Order_details 吗？你能帮我么？