同一Activity内Fragment间变量传递及ViewPager注册流程Fragment传值问题

Hey there! Let's break down your two Fragment communication questions clearly—first the general case, then your specific ViewPager registration flow scenario.

1. How to pass a single variable between two Fragments in the same Activity? #

There are a few reliable ways to do this, with two being the most recommended for maintainability:

Method 1: Use the host Activity as a middle layer Recommended #

This is Google's official recommended approach because it keeps Fragments decoupled (they don't depend directly on each other). Here's how to implement it:

• Define an interface in the sending Fragment, then have the host Activity implement it.
• The sending Fragment calls the interface method to pass data to the Activity.
• The Activity forwards the data to the receiving Fragment.

Code example (Kotlin):

// In Fragment1.kt (sending Fragment)
interface OnDataPassListener {
    fun onDataPass(data: String) // Adjust the type to match your variable
}

private var listener: OnDataPassListener? = null

override fun onAttach(context: Context) {
    super.onAttach(context)
    try {
        listener = context as OnDataPassListener
    } catch (e: ClassCastException) {
        throw ClassCastException("$context must implement OnDataPassListener")
    }
}

// Call this when you need to send data
listener?.onDataPass("Your variable value here")

// In your host Activity (e.g., MainActivity.kt)
class MainActivity : AppCompatActivity(), Fragment1.OnDataPassListener {
    override fun onDataPass(data: String) {
        // Get the receiving Fragment instance and pass data
        val fragment2 = supportFragmentManager.findFragmentById(R.id.fragment2) as Fragment2
        fragment2.receiveData(data)
    }
}

// In Fragment2.kt (receiving Fragment)
fun receiveData(data: String) {
    // Handle the received data, e.g., display it in a TextView
    yourTextView.text = data
}

Method 2: Use a shared ViewModel Recommended, especially for ViewPager scenarios #

If your Fragments are managed by a ViewPager, a ViewModel is even better—it's lifecycle-bound to the Activity, so data won't be lost when Fragments are recreated.

Method 3: Pass data via Bundle (good for initial Fragment creation) #

If you're creating the receiving Fragment and want to pass data upfront:

// In Activity or sending Fragment
val fragment2 = Fragment2()
val bundle = Bundle()
bundle.putString("KEY_NAME", "Your variable value")
fragment2.arguments = bundle

Then retrieve it in the receiving Fragment's onCreateView:

val receivedData = arguments?.getString("KEY_NAME")

2. How to show shop name and module from Fragment2 in Fragment3 during a ViewPager registration flow? #

For your registration flow with a step indicator ViewPager, a shared ViewModel is the perfect solution. It avoids tight coupling and works seamlessly across ViewPager Fragment transitions.

Here's a step-by-step implementation:

Step 1: Create a shared ViewModel #

// RegistrationViewModel.kt
import androidx.lifecycle.ViewModel

class RegistrationViewModel : ViewModel() {
    // Variables to store your shop info
    var shopName: String? = null
    var module: String? = null
}

Step 2: Save data to the ViewModel in Fragment2 #

// Fragment2.kt
import androidx.fragment.app.viewModels

class Fragment2 : Fragment() {
    // Get the shared ViewModel using the Activity's scope
    private val viewModel: RegistrationViewModel by viewModels({ requireActivity() })

    // Call this method when you want to save the shop info (e.g., on a "Next" button click)
    private fun saveShopDetails() {
        // Get user input from your EditTexts
        val inputShopName = etShopName.text.toString()
        val inputModule = etModule.text.toString()
        
        // Save to ViewModel
        viewModel.shopName = inputShopName
        viewModel.module = inputModule
    }
}

Step 3: Retrieve and display data in Fragment3 #

// Fragment3.kt
import androidx.fragment.app.viewModels

class Fragment3 : Fragment() {
    private val viewModel: RegistrationViewModel by viewModels({ requireActivity() })

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        
        // Retrieve data from ViewModel and display it
        viewModel.shopName?.let {
            tvShopName.text = "Shop Name: $it"
        }
        viewModel.module?.let {
            tvModule.text = "Module: $it"
        }
    }
}

Java Implementation (if you're using Java) #

ViewModel:

// RegistrationViewModel.java
import androidx.lifecycle.ViewModel;

public class RegistrationViewModel extends ViewModel {
    private String shopName;
    private String module;

    public String getShopName() { return shopName; }
    public void setShopName(String shopName) { this.shopName = shopName; }

    public String getModule() { return module; }
    public void setModule(String module) { this.module = module; }
}

Fragment2 (save data):

// Fragment2.java
import androidx.lifecycle.ViewModelProvider;

public class Fragment2 extends Fragment {
    private RegistrationViewModel viewModel;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        viewModel = new ViewModelProvider(requireActivity()).get(RegistrationViewModel.class);
    }

    private void saveShopDetails() {
        String shopName = etShopName.getText().toString();
        String module = etModule.getText().toString();
        viewModel.setShopName(shopName);
        viewModel.setModule(module);
    }
}

Fragment3 (display data):

// Fragment3.java
import androidx.lifecycle.ViewModelProvider;

public class Fragment3 extends Fragment {
    private RegistrationViewModel viewModel;

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        viewModel = new ViewModelProvider(requireActivity()).get(RegistrationViewModel.class);
        
        String shopName = viewModel.getShopName();
        String module = viewModel.getModule();
        
        if (shopName != null) tvShopName.setText("Shop Name: " + shopName);
        if (module != null) tvModule.setText("Module: " + module);
    }
}

内容的提问来源于stack exchange，提问作者Vikas Semwal