标签: react-native-android

React Native 中的浮动自动完成

我正在寻找带有浮动建议框的自动完成文本输入。

请建议我任何可以帮助制作相同组件的包名称。

我尝试了许多软件包但没有任何帮助,有些正在推动下一个字段,有些则不支持单击离开侦听器。

自动完成文本输入示例

reactjs react-native react-native-android native-base react-native-paper

12
推荐指数
1
解决办法
660
查看次数

占位符文本在(多行)TextInput for Android中的位置(React Native)

我有一个像这样的多行TextInput:

<TextInput
  multiline={true}
  placeholder='Enter description...'
  underlineColorAndroid={'transparent'}
>
Run Code Online (Sandbox Code Playgroud)

在iOS上,它根据此屏幕截图很好地呈现占位符文本. 在此输入图像描述

在Android上,它将占位符文本垂直居中放置!我已经检查过,并且任何父组件中都没有可以强制执行此行为的样式(根据屏幕截图,iOS也很好).

有没有办法证明占位符文本在框架的顶部(与iOS相同)? 在此输入图像描述

react-native react-native-android

11
推荐指数
1
解决办法
6157
查看次数

TextInput阻止ScrollView滚动

我有一个比手机屏幕高度更长的表格.它是一个ScrollView包含TextInput组件.问题是,当我想拖动开始触摸a时TextInput,ScrollView不会移动.如果我在一个空白区域(View代码示例中)上拖动,它会完美滚动.

感觉就像在TextInput某种程度上吃了触摸/拖动事件,不允许ScrollView交互.

在ScrollView类似于此:

function Form() {
    return (
        <ScrollView style={{ flex: 1, }}>
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <View style={{ height: 150, }} />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
        </ScrollView>
    );
}
Run Code Online (Sandbox Code Playgroud)

如何进行滚动工作?

更新:我注意到当我开始在空白区域滚动时,我可以通过触摸输入继续滚动.但是,一旦惯性停止,我就无法再次使用输入滚动.

react-native react-native-scrollview react-native-android

11
推荐指数
1
解决办法
2339
查看次数

如何在本机android中添加自定义字体

我正在学习react-native,试图创建一些仅用于学习的演示应用程序.我想设置fontFamilyroboto瘦我的工具栏标题.

我在assets/fonts我的android项目的文件夹中添加了roboto thin ttf ,但它似乎在运行应用程序时创建了问题.我在跑步时遇到这个问题

反应原生的开始

ERROR  EPERM: operation not permitted, lstat 'E:\Myntra\android\app\build\gener
ated\source\r\debug\android\support\v7\appcompat'
{"errno":-4048,"code":"EPERM","syscall":"lstat","path":"E:\\Myntra\\android\\app
\\build\\generated\\source\\r\\debug\\android\\support\\v7\\appcompat"}
Error: EPERM: operation not permitted, lstat 'E:\Myntra\android\app\build\genera
ted\source\r\debug\android\support\v7\appcompat'
    at Error (native)
Run Code Online (Sandbox Code Playgroud)

当我删除字体然后它工作正常.我无法解决这个问题,任何人都可以帮助我这可能是什么原因.

提前致谢.

android react-native react-native-android

11
推荐指数
6
解决办法
1万
查看次数

如何为Picker提供默认的"请选择..."选项?

我想让我的Picker在启动时显示"默认选项".这意味着:像"请选择一个选项"之类的东西.

我试图用这个短语手动添加一个选项,但是,这样在选择其他选项后可以重新选择"默认选项",就像它是真正的选项之一.有一些方法可以做到这一点?

<View style={Styles.row}>
            <Picker
                selectedValue={this.state.initialOption}
                onValueChange={this.handleChangeOption}
                prompt='Options'}
              >
              <Picker.Item label='Please select an option...' value='0' />
              <Picker.Item label='option 1' value='1' />
              <Picker.Item label='option 2' value='2' />
            </Picker>
</View>
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-native-android

11
推荐指数
2
解决办法
1万
查看次数

未找到名称"default"的配置 - React Native

当我运行时,react-native run-android我收到以下错误:

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring project ':app'.
> Could not resolve all dependencies for configuration ':app:_debugApk'.
   > Configuration with name 'default' not found.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
Run Code Online (Sandbox Code Playgroud)

我知道这意味着存在一些链接错误,但我无法弄清楚是什么.我很乐意帮助修复,我对android很新.

android react-native react-native-android

11
推荐指数
1
解决办法
5309
查看次数

使用自定义标签与StackNavigator?

我有用户列表,每个用户在列表中都有自己的显示图像.

我正在尝试的是每当用户按下显示图像时,通过stackNavigation重定向到他/她的个人资料.

CustomTabView:

    const CustomTabView = ({ router, navigation }) => {
  const { routes, index } = navigation.state;

  const ActiveScreen = router.getComponentForState(navigation.state);

  const routeNav = addNavigationHelpers({
    ...navigation,
    state: routes[index],
  });
  const routeOptions = router.getScreenOptions(routeNav, 'tabBar');
  return (
    <View style={styles.container}>
      <CustomTabBar
        navigation={navigation}
        activeRouteName={routes[index].routeName}
        icon={routeOptions.tabBarIcon}
      />
      <ActiveScreen
        navigation={addNavigationHelpers({
          ...navigation,
          state: routes[index]
        })}
      />
    </View>
  );
}; 
Run Code Online (Sandbox Code Playgroud)

StackNavigator: // goToProfile.js //也试过放在index.anndroid.js但没找到出口的方法

const goToProfile = StackNavigator({
  Profile: {
    screen: Profile,
    navigationOptions: ({ navigation }) => ({
      title: `${navigation.state.params.person.name.first} ${navigation.state.params.person.name.last}`
    })
  },
})
Run Code Online (Sandbox Code Playgroud)

自定义标签: …

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

11
推荐指数
1
解决办法
520
查看次数

如何减少react-native应用程序的大小

我正在开发一个小字典应用程序,使用本机与本世纪的反应.

因为我正在编译Apk文件.尺寸达到30mb并且安装在设备上,它达到80mb.

这是正常的吗?

有没有办法减少应用程序的大小?

感谢你们.

react-native react-native-android expo

11
推荐指数
4
解决办法
1万
查看次数

如何升级react-native gradle版本

我需要帮助.我无法升级我的react-native项目的gradle版本.

我尝试了很多东西,下载了最新版本的Android Studio和SDK工具等.

我更改了这个文件\ android\gradle\wrapper\gradle-wrapper.properties,我尝试升级使用npm install -g react-native-git-upgrade但仍然无法升级它.

当我做出反应时 - 原生弹出它的出口" distributionUrl = https://services.gradle.org/distributions/gradle-2.14.1-all.zip "

等待答案.

upgrade version android-gradle-plugin react-native react-native-android

11
推荐指数
4
解决办法
2万
查看次数

在React Native中加密SD-CARD中的视频文件

我能够使用AES加密成功地加密和解密视频。它适用于较小的视频,而适用于较大的文件,它为我们提供了内存不足/溢出异常。有没有更好的方法来保护视频文件,只有我的应用程序可以访问它。我正在使用这个库“ node-forge”

像Netflix和Amazon prime这样的视频流应用程序如何在本地保护视频,这些视频只能通过其应用程序访问。如果他们要解密整个文件,那么过程如何快速?

我只是想知道我们是否可以在转换为base-64时破坏文件并破坏文件?

编辑: 这是一个电子学习应用程序,可以通过SD卡安全地访问视频。这些视频应受保护,并且只能在我们的应用中播放。

javascript encryption android react-native react-native-android

11
推荐指数
1
解决办法
821
查看次数