Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

back button ios #6009

Closed
peppeg85 opened this issue Jun 29, 2018 · 8 comments
Closed

back button ios #6009

peppeg85 opened this issue Jun 29, 2018 · 8 comments

Comments

@peppeg85
Copy link

hello, i have a "stupid" problem, i have an app running fine on android, now i'm trying running on ios, i'm using the system emulator, following the official guide on actionbar:

https://docs.nativescript.org/ui/action-bar#navigation-button

on android i have the back button, but on ios i don't, i followed the instructions, i tried also changing the text with the name of the previous page, but with no result...how can i solve this? adding an actionitem right aligned?

thank you

@peppeg85 peppeg85 changed the title nativescript back button back button ios Jun 29, 2018
@tsonevn tsonevn added the os: ios label Jul 2, 2018
@tsonevn tsonevn self-assigned this Jul 2, 2018
@tsonevn
Copy link
Contributor

tsonevn commented Jul 2, 2018

Hi @peppeg85,
The back button on iOS should be shown on the ActionBar, while you navigated to some of the inner pages in the app.
To investigate further your case and what is the issue, please provide some more info about the case. It will also help if you send us sample project, which can be used for debugging.

@peppeg85
Copy link
Author

peppeg85 commented Jul 2, 2018

hello @tsonevn, here is the xml of the page:

                      <Page loaded="loaded" class="page" actionBarHidden="false">
                                  <ActionBar class="action-bar" title="Invio stringa" horizontalAlignment="center">
                                  <NavigationButton text="Go Back" android.systemIcon="ic_menu_back"                                 tap="backHome"/>
   </ActionBar>

   <GridLayout columns="*,*,*,*" rows="auto,auto, 50, 50, 50, 70" class="grid-fonts">

       <Image id="logo" colSpan="4" row="1" src="res://logoblack" horizontalAlignment="center"/>

       <Label text="Data" textWrap="true" row="2" col="1" colSpan="2"></Label>
       <Switch checked="false" tap="date" id="0" row="2" col="3" class="m-15"></Switch>
       <Label text="Ora" textWrap="true" row="3" col="1" colSpan="2"></Label>
       <Switch checked="false" tap="hour" id="1" row="3" col="3" class="m-15"></Switch>
       <Label text="Temperatura" textWrap="true" row="4" col="1" colSpan="2"></Label>
       <Switch checked="false" tap="temp" id="2" row="4" col="3" class="m-15"></Switch>
       <Button row="5" col="1" colSpan="2" text="colore" tap="colorpicker" />

   </GridLayout>

</Page>

as you can see, nothing particular, I use a custom css file generated with native script theme builder, how can I send it?
thinking about that I see that on android I have blu action bar but not on iOS, maybe I need to add a specific app css file for iOS? could be this?

thank you again

@tsonevn
Copy link
Contributor

tsonevn commented Jul 3, 2018

Hi @peppeg85,
Thank you for the attached sample code.
I tested it on my side in a sample project, however, was unable to recreate your case. For your convenience, I am attaching sample project and GIF file, which demonstrates the behaviour on my side. Please review the project and make the needed changes, which will allow us to recreate the case.
Also provide some more info about your environment(CLI, tns-core-modules, tns-ios versions).
Archive.zip
test

@peppeg85
Copy link
Author

peppeg85 commented Jul 3, 2018

hello, thanks for your help, here is the package.json configuration:

{
"description": "NativeScript Application",
"license": "SEE LICENSE IN ",
"readme": "NativeScript Application",
"repository": "",
"nativescript": {
"id": "org.nativescript.xx",
"tns-android": {
"version": "4.0.1"
},
"tns-ios": {
"version": "3.4.1"
}
},
"dependencies": {
"moment": "^2.22.2",
"nativescript-bluetooth": "^1.3.0",
"nativescript-checkbox": "^3.0.3",
"nativescript-color-picker": "^1.3.2",
"nativescript-gif": "^3.1.1",
"nativescript-maskedinput": "0.0.3",
"nativescript-modal-datetimepicker": "^1.1.0",
"nativescript-theme-core": "~1.0.4",
"npm": "^6.1.0",
"tns-core-modules": "^4.1.0"
},
"devDependencies": {
"babel-traverse": "6.4.5",
"babel-types": "6.4.5",
"babylon": "6.4.5",
"lazy": "1.0.11"
}
}

could it be the css file generated with nativescript themebuilder
Nuovo Archivio WinRAR ZIP.zip

thank you again

@tsonevn
Copy link
Contributor

tsonevn commented Jul 3, 2018

HI @peppeg85,
I reviewed the attached CSS file, however, I was unable to find something that can cause this issue.
I also notice that you are using old iOS runtime. Regarding that I will suggest upgrading to latest available one while following the below-attached steps:

  1. tns platform remove ios
  2. tns platform add ios
  3. tns run ios
    If the problem persists, please provide a sample, which can be used for debugging.

@peppeg85
Copy link
Author

peppeg85 commented Jul 3, 2018

ok, @tsonevn thank you for the support, i will try in the next days

@tsonevn
Copy link
Contributor

tsonevn commented Jul 11, 2018

Hi @peppeg85,
Were you able to resolve your case?

@tsonevn tsonevn closed this as completed Jul 12, 2018
@ghost ghost removed the question label Jul 12, 2018
@lock
Copy link

lock bot commented Aug 26, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot locked and limited conversation to collaborators Aug 26, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants