Questions tagged [shared-element-transition]
A shared elements transition determines how views that are shared between two activities transition between these activities.
435
questions
0votes
0answers
25views
How to solve the shadow bug caused by cardElevation in Transition?
I am currently using the shared element transition, and when I return, cardview has an abnormal shadow problem. The initial investigation is that it is caused by cardElevation, but I don't know how to ...
- 1
0votes
0answers
96views
Blink in returning Material Shared Element Transition when using elevation in Card (Android)
I followed the documentation for implementing Container Transform Transitions between 2 different activities(https://m3.material.io/libraries/mdc-android/motion#container-transform).
The problem is ...
- 636
0votes
0answers
14views
How to materialContainerTransform live-loading in recyclerview to fragment?
my situation
my situaion
my goal
The first one here is what I want.
https://lh3.googleusercontent.com/tI4J5bPX5O1_T8EBo9jEchcWjFgDWvoo1WiivnlHNBAeSlekyZwzQY5oDfUSixVCTQfAVDqTfOTQgMIdmc1l_dAyD-...
- 1
0votes
0answers
40views
React-native-navigation shared element transition is not working in navigation
I tried to make the simplest possible shared element transition with text but it didn't work at all. The text does not move smoothly at all. I read the documentation and followed the steps but no luck....
0votes
0answers
24views
Shared element return transition doesn't working with RecyclerVIew
I found some similar questions, but they didn't help me. I have two fragments: in one RecyclerView, and in the second opens detailed information on the selected item. When you click on a list item, ...
- 69
0votes
1answer
57views
Material Container Transform animation not working in Java
Im trying to use Material Container Transform in Recyclerview Adapter as described by this post MaterialContainerTransform transition is not Working on Return , but after implementing this in my ...
1vote
0answers
24views
Hide the shared element at the end of the transition animation
I have a profile Activity with a circular avatar image. And I have an avatar Activity that shows multiple full-screen square images using ViewPager2. To transition from profile Activity to avatar ...
- 703
0votes
0answers
53views
Shared navigation infinite-loop react native
We are trying to build a react native shared element navigation.
On the Home component we have a social media feed. The goal is that when users click on an image here, they are routed to the Detail ...
- 49
0votes
1answer
27views
Shared Element Transition Between Activity And CustomDialog
I was wondering if there is any way to implement the Shared Element Transiition Between an Activity and a CustomDialog that I made. I know how it is implemented between 2 activities but wondering if ...
- 241
0votes
1answer
16views
how to make toggle button in activity 2 control the view in activity 1 visiblity
I have made a android studio app. recently i have added a snow effect to app.
since the winter season is over and i dont want to add this winter theme every year.
i have planned to add a toggle button ...
0votes
0answers
13views
Rect native SharedElement transition Blink
I do have 3 components, App, Home and Details.
App is the entry of NavigationContainer to handle Stack.Navigator, and so beeing able to
have Home listed as my first page, and to be able to transition ...
0votes
0answers
36views
React Native - Shared element clips above header and moves below once animated view finished
The issue is the shared element is transitioning to the top then when header bar has finished animating the shared element will move below so it looks terrible.
I'm expecting to have the header bar ...
- 2,861
0votes
1answer
82views
How to achieve shared element transition with video
Question
Say I have two fragments, A and B. In fragment A i start playback of a video. When the user taps a button, I want to transition to fragment B, animating the video as a shared element, without ...
- 522
0votes
0answers
43views
Android Shared element transition not working properly as expected
I am applying shared element transition on imageview in android using glide. When I click first time on imageview, it works as expected. But when I click 2nd time, the animation is not as it was first ...
- 41
0votes
0answers
18views
Floating action button doesn't perform properly with shared element transition
I use shared element transition to navigation from fragments when fab is clicked but when the transition does not work as expected as and the fab does not expand to full screen you see in the attached ...
- 11
0votes
0answers
38views
Shared Element transition don't work from recyclerVIew
I'm trying to make a shared element transition between fragments from a recycler view and I don't know where I'm wrong.
In the enter transition it enters as a normal fragment navigation. In the return ...
2votes
1answer
371views
How to do shared element transitions in React Native Web?
I'm using react-native-web to develop a web&mobile application. I've reached the point when I'd like to introduce better transitions between the screens, and for that reason I'd like to do shared ...
- 1,091
0votes
0answers
201views
How to use com.google.android.material.transition instead of transition.platform?
I started using material motions in my application and everywhere it is advised to use com.google.android.material.transition package (https://github.com/material-components/material-components-...
- 21
1vote
0answers
208views
Shared element transition on item inside recyclerview (in a fragment) to another fragment with recyclerview does not work (Effect as Whatsapp images)
I have gone through half the internet and I have tried all the possible transitions and I can't get the same effect that whatsapp does with the group of images (When there are +4).
I'm doing it with ...
- 11
0votes
0answers
23views
Problem with Shared Element Transition from element in RecyclerView Android
I ran into a problem. I have a fragment (AttractionsFragment) which contains RecyclerView. I used Shared Element Transition to transfer the image and text from the selected element to another fragment ...
- 97
0votes
0answers
35views
Change font size during shared-element transition [REACT-NATIVE]
I'm working on a react-native app using react-navigation-shared-element, and when the font size, during the shared-element transition, it seems to not work. I mean the problem occures when the text's ...
- 139
0votes
0answers
17views
Is there a way to use SharedElementTransition between Fragments in different layers in Android?
I have this hierarchical Fragment configuration diagram.
Activity
ㄴ Fragment A
ㄴ Fragment E
ㄴ Fragment B
ㄴ Fragment C
ㄴ Fragment D
Fragments that are the target of SharedElementTransition have ...
- 401
0votes
0answers
37views
Animate views during activity transition
I have Activity A with a menu.
The menu contains three buttons and a background.
I have Activity B with a similar menu and many buttons.
The background of the menu in A becomes the background of ...
- 2,339
0votes
0answers
107views
React Native Shared element transition on image is not smooth
I'm using react-navigation-shared-element to implement a shared element transition between two screens:
Splash Screen
const SplashScreen = ({navigation}) => {
return (
<View
...
1vote
0answers
71views
Update params navigation-shared-element [REACT NATIVE]
I'm working to an images list using this library, but I'm not able to update the navigation params, like in the source code provided by the author, so I don't get the correct animation.
Here's exactly ...
- 139
0votes
1answer
51views
android-clearing backstack generates NullPointerException
I have 4 fragments in my app : A, B, C and D. first of all, one instance of fragment A is added to the activity, without adding to backstack. then the user can dynamically navigate to indefinite ...
- 467
0votes
0answers
53views
How to transition UI elements outside the main fragment area?
I have a shared element transition between two fragments which transition the selected arrow into a big version of that same arrow. I'd like to also remove the filter panel in the top app bar. This ...
- 2,024
1vote
1answer
37views
How to add views to Fragment B that are not involved in a shared element transition from Fragment A?
So I have a recycler view item that looks like this:
Transition View Start
And I want to end up with this:
Transition View End
The problem I keep getting is an index out-of-bounds exception. So the ...
- 11
1vote
1answer
115views
Shared element transition - number of views
Does a shared element transition from one view to another need to contain the same amount of child views? My experience is that the following crash appears if this is not the case:
java.lang....
- 222
4votes
2answers
453views
Shared element transition to a fragment that contains a ViewPager
I am trying to perform a shared element transition from a RecyclerView item in Fragment A to Fragment B. The transition-names are set on the outermost CardViews in both layouts. My implementation is ...
- 222
0votes
0answers
24views
In Android 11 Keyboard doesn't open when postponeEnterTransition is called
I'm facing a problem that keyboard doesn't open if enterTransition is postponed. It works fine upto Android 10 but not in Android 11. I don't want to start transition animation until keyboard height ...
- 1,659
0votes
0answers
50views
Transitioning circular image to rectangle
I am trying to open a circular profile picture in activity A into a new activity B where it opens full size (rectangular). In Activity A, the imageview is inside a cardview with corderRadius half the ...
0votes
1answer
173views
Android return transition doesn't work after 5 seconds
Using the AndroidX navigation component, I've created a shared element transition between two fragments. The first fragment has a RecyclerView, and the second fragment shows details of the clicked ...
- 1
0votes
0answers
139views
Images gallery using FlatList and shared-elements [React-Native]
I've created a Flatlist which contains shared-element images, by tap on it you navigate to a new screen, and here there's a list of all images, like before, but when I try to dismiss the screen on ...
- 139
1vote
1answer
417views
Android multiple shared elements not working with fragments
I want to transition between fragments with two shared elements. But the problem is: only one gets animated.
The shared elements are taken from a viewHolder from list in the first fragment. The ...
- 27
1vote
0answers
51views
Shared Element Transition not working Java Android
I'm trying to implement a shared element transition between a fragment that has a Recyclerview and another fragment let say something like a Detail Fragment.
The fragments are:
<fragment
...
- 804
2votes
1answer
60views
Listen when a shared element is back on original Fragment
Hello Android community,
I have a very simple app, composed of two fragments A & B and there is a shared element between those two fragments.
When I open Fragment B, the transition is working well,...
- 959
1vote
1answer
176views
android-how to start a shared element transition from marker bitmap?
I'm using custom bitmaps as the icon of markers on the map. when the user clicks on any marker, I want to have a view corresponding to the clicked bitmap and add it as a shared element to the fragment ...
- 467
2votes
0answers
161views
LiveData Observer not called when using postponeEnterTransition
I'm following the documentation here to start a transition after fetching data: https://developer.android.com/guide/fragments/animate#recyclerview
The viewModel code is invoked and runs successfully, ...
- 106
4votes
2answers
874views
MaterialContainerTransform transition is not Working on Return
My MaterialContainerTransform transition is working from source -> destination, but not the other way around. My situation is pretty standard -- I am attempting to provide a simple transition from ...
- 376
1vote
0answers
55views
How to stop Shared Element Transition when navigating from a Fragment with no shared element?
I have two Fragments, call them FragmentA and FragmentB. I am navigating between them using Navigation component and passing the shared elements as FragmentNavigatorExtras.
val extras = ...
- 23
1vote
0answers
63views
Shared Element Return transition flickering on view visibility changed
Shared element enter transition works fine. After 5 seconds of enter transition, the shared element(ImageView) is set to gone. I change its visibility in finishAfterTransition from gone to visible. ...
- 185
0votes
1answer
94views
Adding listener for shared element callback not changing view visibility
I am using shared element transition between two activities. The second activity is comprised of view pager containing fragments. I want to make further changes when shared element transition ends. ...
- 185
3votes
1answer
2kviews
React Navigation Shared Element 5 Nested Navigators
I'm running into a little issue with react-navigation-shared-element 5, so I made a very basic app to show an example. Basically I have a tab navigator nested in a stack navigator and when navigating ...
0votes
0answers
86views
Shared element transition: Transition flickers because target fragment has a nested scroll view
I have an image view in the centre of fragment A, need to animate it to top of fragment B when fragment B is started. The problem is that shared element(image view) is inside a nested scroll view of ...
- 59
1vote
1answer
244views
Array of Pair<View, String> in Android for transition shared elements [duplicate]
I have activities with enter and exit transitions
Depends on actvity called to start, I have different shared elements
As you know I should use below method as secound parameter when calling ...
2votes
0answers
89views
VideoView Glitch while using Shared Element Transition
I've just finished implementing a transition featuring shared elements in Recyclerview and ViewPager. It seems to work well until I add a VideoView in Viewpager.
I've made a video to demonstrate the ...
- 541
3votes
1answer
144views
Change the visibility of shared element transition on transition listener events - android
I tried to change the visibility of the shared element (ImageView) in the transition listener. But the changes are applied only for a moment and then return to the original state.
In this case, I have ...
- 703
2votes
2answers
225views
Toolbar blinks when transitioning from fragment to fragment
I have a toolbar in my parent Activity. There are two children-fragments. When I press the FAB button to transition between fragments, the toolbar blinks. What can I do to fix it? Thank you!
...
- 109