标签: react-native-ios

react-native run-ios --device 在 react-native 之后没有任何反应

在我的设备上运行曾经可以正常工作。然而,突然间,当我运行 react-native run-ios --device 时,我会像这样结束

  • [[真!=真]]

** 构建成功 **

在用户的 iPhone 上安装和启动您的应用程序...

但是,之后没有任何反应,并且该应用程序未安装在我的设备中。

device react-native react-native-ios

5
推荐指数
2
解决办法
5116
查看次数

如何在 React Native 中的应用程序启动器图标上显示通知计数?

有没有办法在 React Native 中的应用启动器图标上显示图标计数?

我正在使用 "expo": "29.0.0", "react": "16.3.1", "react-native": "29.0.0"

喜欢这张图

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

5
推荐指数
1
解决办法
3899
查看次数

如何在topBar React Native Navigation下添加可点击的rightButtons?

我已经集成了 React Native 导航包。我想在我的 topBar rightButton 上添加带有动态值的徽章。包的 Github 链接::https : //github.com/wix/react-native-navigation

我想要这样的输出。您可以查看此屏幕截图::

在此处输入图片说明

问题::

如果我在通知图标上添加计数值,那么当我尝试单击按钮时不会发生任何事件。单击此按钮后,我想打开通知屏幕。

代码:

static options({ menuIcon }) {
        return {
            topBar: {
                title: {
                    fontFamily: font,
                    fontSize: fontSize.heading,
                    color: colors.white,
                    alignment: 'center',
                    text: strings.dashboard
                },
                alignment: 'center',
                elevation: 0,
                noBorder: true,
                background: {
                    color: colors.dark
                },
                leftButtons: [
                    {
                        id: 'openSideMenu',
                        icon: menuIcon ? menuIcon : APIURLServiceSingleton.getInstance()._menuIcon
                    }
                ],
                rightButtons: [
                    {
                        id: 'notificationButton',
                        component: {
                            name: 'component.notificationButton'
                        }
                    }
                ]
            }
        }
    }
Run Code Online (Sandbox Code Playgroud)

我的自定义组件的代码::

<TouchableOpacity
    onPress={() …
Run Code Online (Sandbox Code Playgroud)

react-native react-native-ios react-native-navigation

5
推荐指数
1
解决办法
2001
查看次数

如何使 iOS UIPicker 与多个列和标题反应原生?

让我们假设我的问题是我希望用户能够通过一个控件选择一定数量的苹果和一定数量的梨。我在 iOS 捆绑的时钟应用程序的“计时器”部分看到了选择器,我喜欢它。

iOS 计时器选择器

我完全想要那个,除了不是三列,我想要两列,而不是“小时”和“分钟”,我想要“苹果”和“梨”。

到目前为止,我能够将两个选择器并排放置,虽然它们不会像在同一个轮子上那样略微弯曲物品,但对于我现在的列问题来说已经足够了。不过,我还无法在行上放置标题。

这是我所拥有的:

  render() {
    let PickerIOSItem = PickerIOS.Item
    return (
      <View style={styles.container}>
        <PickerIOS style={styles.column}>
          <PickerIOSItem value={1} label="0" />
          <PickerIOSItem value={2} label="1" />
          <PickerIOSItem value={3} label="2" />
          <PickerIOSItem value={4} label="3" />
          <PickerIOSItem value={5} label="4" />
        </PickerIOS>
        <PickerIOS style={styles.column}>
          <PickerIOSItem value={1} label="0" />
          <PickerIOSItem value={2} label="1" />
          <PickerIOSItem value={3} label="2" />
          <PickerIOSItem value={4} label="3" />
          <PickerIOSItem value={5} label="4" />
        </PickerIOS>
      </View>
    );
  }
Run Code Online (Sandbox Code Playgroud)

styles.containerdisplay: flexflex-direction: row,和styles.columnwidth: 49%

我的垃圾尝试

picker ios react-native react-native-ios

5
推荐指数
1
解决办法
1133
查看次数

IOS 版本从 TestFlight 中消失了

IOS今天创建了 2 个构建,Xcode其中说已成功上传,但是,当我检查时TestFlight,这些构建出现了 10 秒钟,状态为正在处理,之后构建消失了,再也没有出现过。我之前为此应用程序创建了许多版本,最新的是几天前,我从未见过这种行为。可能是什么问题?

我没有收到任何电子邮件或没有收到任何错误。

在此处输入图片说明

<code>在此处输入图片描述</code>

xcode ios testflight react-native-ios

5
推荐指数
2
解决办法
2144
查看次数

React Native:如何支持外接 iPad 键盘(UIKeyCommand)?

iPad 可与外部蓝牙键盘配合使用,iPad Pro 具有智能键盘,您可以使用UIKeyCommand API本地支持。

如何在 React Native 中使用这些键盘快捷键?

键盘快捷键的截图,来自 NSHipster 的网站

ipad uikeycommand react-native react-native-ios

5
推荐指数
0
解决办法
196
查看次数

即使更新到新版本,IOS Testflight 也会加载我的应用程序的旧代码

我已经使用 react-native 构建了一个应用程序,并且我一直在将具有新版本号的新构建版本上传到应用程序商店,并且构建版本的状态是“正在测试”(对于内部用户),但是当我通过 Testflight 更新我的应用程序时,我没有查看我的最新更改版本号和内部版本号已更新,但它加载了非常旧的代码。这个旧代码是 2-3 个月前的。但是当我在模拟器或我的设备上(通过 xcode)运行相同的应用程序时,它会显示最新的代码。有没有人有任何建议我在这里可能做错了什么?

在此处输入图片说明

ios testflight react-native react-native-ios app-store-connect

5
推荐指数
1
解决办法
1136
查看次数

如何使用 React-Native 在移动应用中实现类似 youtube 播放器的 Mini View

我想在 React-Native 中实现一个迷你视图或浮动视图,在我们关闭它之前应该保持或打开它,如果我们导航到其他屏幕,它应该保持打开状态吗? 在此处输入图片说明

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

5
推荐指数
1
解决办法
3426
查看次数

错误:main.jsbundle 不存在 - React Native 0.60.4

我正在尝试在 App Store 中发布我的第一个 React Native 应用程序,当我在 Xcode 中构建时:
Product > Archive
出现一些错误,但我已经有了 main.jsbundle

main.jsbundle 不存在。这一定是一个错误

  • echo '反应原生

屏幕错误:

屏幕错误

xcode compiler-errors react-native react-native-ios

5
推荐指数
2
解决办法
5203
查看次数

在bottomTab 配置中设置图标大小 react-native-navigation

我正在用 react native 开发一个应用程序,并使用 react-native-navigation 库来创建一个底部选项卡。

在这里,我无法提供底部图标的大小。我现在正在使用大小为 25*25 的图标,这在高分辨率设备中是模糊的。当我使用较大的图标(例如 30*30)时,图标仅在 ios 中相互重叠。

react-native-navigation 库链接 - https://wix.github.io/react-native-navigation/#

以下是我浏览过的链接:-

https://github.com/wix/react-native-navigation/issues/3527#

https://github.com/wix/react-native-navigation/issues/4420

Navigation.setRoot({
        root: {
            bottomTabs: {
                children: [

                    {

                        stack: {
                            id: Stackid.Stackid2,
                            children: [
                                {
                                    component: {
                                        name: ScreenId.Screen1Stack,

                                    }
                                },
                            ],

                            options: {

                                bottomTab: {
                                    text: 'Tab1',
                                    fontSize: 12,
                                    icon: require('../assets/firstImage.png'), 
                                    iconColor:'red',
                                    currentTabId: Stackid.Screen1,
                                    selectedIconColor: 'green',
                                    textColor: 'white',
                                    selectedTextColor: 'green',


                                },
                                topBar: {
                                    drawBehind: true,
                                    visible: false,
                                    animate: false,
                                },
                                statusBar: {
                                    visible: true,
                                    backgroundColor: 'grey',
                                    drawBehind: false,
                                    style: "light" …
Run Code Online (Sandbox Code Playgroud)

javascript react-native react-native-android react-native-ios wix-react-native-navigation

5
推荐指数
1
解决办法
4028
查看次数